首頁 > web前端 > js教程 > js關於數組基本方法詳解

js關於數組基本方法詳解

小云云
發布: 2018-03-13 15:17:54
原創
1175 人瀏覽過


本文主要跟大家分享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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板