登录  /  注册
首页 > web前端 > js教程 > 正文

介绍javascript-ecma中的几种封装函数

伊谢尔伦
发布: 2017-05-21 09:50:42
原创
1302人浏览过

首先先介绍如下的几种方法:

字符串方法:

str.length str.charAt(i):取字符串中的某一个; 

str.indexOf('e');找第一个出现的位置;找不到返回-1; 

str.lastIndexOf('e'):找最后一个e出现的位置;找不到返回-1; 

str.toUpperCase();转大写 str.toLowerCase();转小写 str.substring(起始位置,结束位置):字符串截取; str.split('切割的方式');字符串切割;字符串转数组;


数组方法:
删除:arr.splice(开始位置,删除的个数); 添加:arr.splice(开始的位置[往哪一位的前面添加],0,元素1····); 替换:arr.splice(开始位置,删除的个数,元素1···); arr.sort(function(n1,n2){return n1 - n2}):排序 arr.reverse():翻转 arr.push();往数组后面添加一位; arr.unshift():往数组前面添加一位; arr.pop():从数组的后面删除一位; arr.shift():从数组的前面删除一位; arr.join('连接的方式');数组转字符串的方法; arr.concat(arr1,arr2····);数组连接;

数学方法: 

Math.random();随机数; Math.round():四舍五入; Math.ceil()向上取整; Math.floor()向下取整; Math.abs():取绝对值; Math.max(x,y):求最大数; Math.min(x,y);求最小数; Math.pow(x,y):几的几次方; Math.sqrt():开平方;

数组:存多个东西; json:存多个东西; json = { //键值对 name1[键,key]:value1[值,value], name2[键,key]:value2[值,value], }

json 与 arr  的区别:

1:length undefined arr.length; 

2:下标 属性的方式 arr[0]; 

3:顺序 没有顺序 有顺序; 

4:循环 for in for,while,for in

for in循环也可以循环数组,但是不建议使用,因为性能略低;

js小特性: 逗号表达式:只看最后一个逗号后面的那个值;

下面是一个通过class获取元素封装的小函数:

//getByClass(oParent,sClass);//oParent:从哪个父级下面获取;sClass:要获取的是哪个class名字;
function getByClass(oParent,sClass){
    if(oParent.getElementsByClassName){
        return oParent.getElementsByClassName(sClass);
    }else{
        var aEle = oParent.getElementsByTagName('*');
        var arr = [];
        for(var i = 0; i < aEle.length; i++){
            var tmp = aEle[i].className.split(&#39; &#39;);
            if(findInArr(sClass,tmp) == true){
                arr.push(aEle[i]); 
            }
        }
        return arr;
    }
} 
登录后复制

下面再来几个小案例:

1. 本月一共有多少天

<script>
        var oDate=new Date();
        oDate.setMonth(oDate.getMonth()+1);
        oDate.setDate(0);
        alert(oDate.getDate())
</script>
登录后复制

2. 本月第一天是星期几

<script>
   var oDate=new Date();
   oDate.setDate(1);
   alert(oDate.getDay());
</script>
登录后复制

3. 九九乘法表

<script>
    document.write(&#39;<table>&#39;);
    for(var i = 1; i <= 9; i++){
        document.write(&#39;<tr>&#39;);
        for(var j = 1; j <= i; j++){
            document.write(&#39;<td>&#39;+i+&#39;*&#39;+j+&#39;=&#39;+i*j+&#39;</td>&#39;);
        }
        document.write(&#39;</tr>&#39;);
    }
    document.write(&#39;</table>&#39;);
</script>
登录后复制

4. json转换成字符串

<script>
    var json={a:12,b:5,c:9,d:6};
    var arr=[];
    for(var name in json){
        arr.push(name+&#39;=&#39;+json[name])
    };
    //alert(arr);
    var str=arr.join(&#39;&&#39;);
    alert(str);
</script>
登录后复制

【相关推荐】

1. 免费js在线视频教程

2. JavaScript中文参考手册

3. php.cn独孤九贱(3)-JavaScript视频教程

以上就是介绍javascript-ecma中的几种封装函数的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号