• 技术文章 >web前端 >js教程

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

    伊谢尔伦伊谢尔伦2017-05-21 09:50:42原创807
    首先先介绍如下的几种方法:

    字符串方法:

    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中的几种封装函数的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:JS完成信息滚动功能的代码示例 下一篇:Node.js 和 LESS 的完美搭配
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 深入了解Angular中的依赖注入模式(玩法案例)• 如何安装并管理多版本node?方法介绍• JavaScript创建多个对象方法总结• 聊聊node+multiparty怎么实现文件上传• 简单聊聊JavaScript中的事件监听
    1/1

    PHP中文网