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

js关于数组基本方法详解

小云云
发布: 2018-03-13 15:17:54
原创
948人浏览过


本文主要和大家分享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 = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    //push添加元素,在数组之后添加元素,返回的是新数组的长度
    var count = arr.push(&#39;D&#39;,&#39;E&#39;);
    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 = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    //shift()删除数组第一个元素,并且返回该元素
    console.log(arr.shift());
    console.log(arr);

    //unshift()添加元素,在数组之前添加,返回的是新数组的长度
    console.log(arr.unshift(&#39;D&#39;,&#39;E&#39;));
    console.log(arr);
登录后复制

4. arr.reverse( )

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

5. arr.concat( )

    //concat()连接数组并且返回,连接后的类型为数组
    var arr = [&#39;A&#39;,&#39;B&#39;,&#39;C&#39;];
    var copyArr = arr.concat(11,&#39;F&#39;,["123",&#39;4345&#39;]);
    console.log(copyArr);
    console.log(arr);
    copyArr.push(&#39;r&#39;,&#39;556&#39;);
    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中文网其它相关文章!

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

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