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

    js关于数组基本方法详解

    小云云小云云2018-03-13 15:17:54原创663
    本文主要和大家分享js关于数组基本方法详解,希望能帮助到大家。

    1. arr.join( )

        //join 数组==>字符串,该字符串以特定字符分隔开.
        var arr = ['A','B','C'];
        var str = arr.join('|');
        console.log(str);
        console.log(typeof str);
        console.log(arr);
        console.log(typeof arr);//object

    2. arr.push( ) <==> arr.pop( )

        var arr = ['A','B','C'];
        //push添加元素,在数组之后添加元素,返回的是新数组的长度
        var count = arr.push('D','E');
        console.log(count);
        console.log(arr);
        //pop()删除数组的最后一元素并且返回该元素,数组长度减去1
        var count = arr.pop();
        console.log(count);
        console.log(arr);

    3. arr.unshift( ) <==> arr.shift( )

        var arr = ['A','B','C'];
        //shift()删除数组第一个元素,并且返回该元素
        console.log(arr.shift());
        console.log(arr);
    
        //unshift()添加元素,在数组之前添加,返回的是新数组的长度
        console.log(arr.unshift('D','E'));
        console.log(arr);

    4. arr.reverse( )

        //reverse()倒序数组,返回的是倒序之后的数组,原数组的顺序改变
        var arr = ['A','B','C'];
        console.log(arr.reverse());
        console.log(arr);
        //concat()连接数组并且返回,连接后的类型为数组
        var arr = ['A','B','C'];
        var copyArr = arr.concat(11,'F',["123",'4345']);
        console.log(copyArr);
        console.log(arr);
        copyArr.push('r','556');
        console.log(copyArr);

    5. arr.concat( )

        //concat()连接数组并且返回,连接后的类型为数组
        var arr = ['A','B','C'];
        var copyArr = arr.concat(11,'F',["123",'4345']);
        console.log(copyArr);
        console.log(arr);
        copyArr.push('r','556');
        console.log(copyArr);

    6. indexOf( ) <==> lastIndexOf( )

        //indexOf()
            //一个参数返回的是数组中的下标
            //第二个参数表示:从什么位置开始查找.如果找到返回的是该元素在数组中的下标,找不到则返回-1.
    
        var arr = [1,5,9,32,74,36,8];
        console.log(arr.indexOf(5,1));
    
        //lastIndexOf()
            //一个参数:表示需要查询的元素,返回值是该元素的下标
            //两个参数:第一个表示需要查询的元素,第二个表示从什么位置开始查询;
                    //该方法查询方向是反向,但是返回值仍按照正序排列
        var arr1 = [1,5,9,32,74,36,8];
        console.log(arr1.lastIndexOf(37));

    总结:

        // push();向数组最后位置添加元素,返回的是数组的长度
        // pop();删除数组最后一个元素,返回的是删除的该元素
        // unshift();向数组的最前端添加元素,返回的是数组的长度
        // shift();删除数组第一个元素,返回的是删除的该元素
    
        //join();把数组各个元素拼接为字符串,并且以特定的字符分隔开,
               //返回值是带有特殊字符分隔的字符串
    
        //reverse()倒序数组
               //返回的是倒序之后的数组
    
        //concat();拼接数组,返回拼接之后的数组
    
        //indexOf();执行查询操作
               //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
               //如果含有两个参数, 则: 第一个参数表示查询的目标元素
               //                  第二个参数表示正序从‘参数二’开始查找
        //lastIndexOf();执行查询操作
               //如果只有一个参数, 则查询该元素; 找到的话, 返回该元素的下标, 找不到的话, 返回-1.
               //如果含有两个参数, 则: 第一个参数表示查询的目标元素
               //                   第二个元素表示反序从‘参数二’开始查找


    相关推荐:

    六种JS数组去重的方法分享

    js数组去重与去扁平化详解

    最实用的JS数组函数整理

    以上就是js关于数组基本方法详解的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 详解 方法
    上一篇:linux使用screen管理远程会话实例方法 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • Angular13+ 开发模式太慢怎么办?原因与解决方法介绍• 聊聊怎么用node写入读取文件内容• 聊聊Node中怎么用async函数• react 怎么实现按需加载• Ng DevUI 14.1.0版本已发布,看看有哪些新特性吧!
    1/1

    PHP中文网