当前位置:Gxlcms > JavaScript > 介绍javascript-ecma中的几种封装函数

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

时间:2021-07-01 10:21:17 帮助过:28人阅读

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

字符串方法:

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(' ');
            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('<table>');
    for(var i = 1; i <= 9; i++){
        document.write('<tr>');
        for(var j = 1; j <= i; j++){
            document.write('<td>'+i+'*'+j+'='+i*j+'</td>');
        }
        document.write('</tr>');
    }
    document.write('</table>');
</script>

4. json转换成字符串

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



【相关推荐】

1. 免费js在线视频教程

2. JavaScript中文参考手册

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

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

人气教程排行