JS基本入門篇(十)— 數組要領

1.join

作用:數組經由過程指定字符拼接成字符串
語法: string arr.join([separator = ‘,’]);
參數: separator可選,假如省略的話,默以為一個逗號。假如 seprator 是一個空字符串,那末數組中的一切元素將被直接銜接
返回值: 拼接后的字符串。

<script>
        var arr=[2,3,4,5];
        console.log(arr.join());//"2,3,4,5"
        console.log(arr.join(""));//"2345"
        console.log(arr.join("+"));//"2+3+4+5"
        console.log(arr);//[2,3,4,5]
</script>

2.push

作用:往數組的末端增加一個或許多個元素。
語法:number arr.push(element1, …, elementN);
參數:elementN,一個或多個元素。
返回值:新數組的length。
注重:會修正原數組。

 <script>
        var att=[1,2,3,4];
        console.log(att.push("a","b"));//6
        console.log(att);//[1,2,3,4,"a","b"];
 </script>

3.unshift

作用:往數組的頭部增加一個或許多個元素。
語法:number arr.push(element1, …, elementN);
參數:elementN,一個或多個元素。
返回值:新數組的length。
注重:會修正原數組。

 <script>
        var att=[1,2,3,4];
        console.log(att.unshift("a","b"));//6
        console.log(att);//["a","b",1,2,3,4];
 </script>

4.pop

作用: 刪除數組末了 一個 元素
語法: mixed arr.pop();
返回值: 被刪除的那一個元素。
注重:會修正原數組。

<script>
    var arr=[1,2,3,4];
    console.log(arr.pop());//4
    console.log(arr);//[1,2,3]
</script>

5.shift

作用: 刪除數組 第一個 元素
語法: mixed arr.pop();
返回值: 被刪除的那一個元素。
注重:會修正原數組。

<script>
    var arr=[1,2,3,4];
    console.log(arr.shift());//1
    console.log(arr);//[2,3,4]
</script>

6.concat

作用: 將傳入的數組或非數組值原數組兼并,構成一個新的數組並返回.
語法: array array.concat(value1, value2, …, valueN);
參數: valueN是指需要與原數組兼并的數組或非數組值.
返回值: 兼并后的數組
注重: 不會修正原數組的內容。

<script>
        var att=[1,2,3];
        var attO=["a","b"];
        var attT=[5,true];
        console.log(att.concat(10,attO,attT));//[1,2,3,10,"a","b",5,tru]
        console.log(att);//[1,2,3]
</script>

7.reverse

作用:倒置數組中元素的位置.
語法: array arr.reverse()
返回值: 倒置遞次后的數組
注重: 轉變原數組.

<script>
    var arr = [1,2,3,6,5,4];
    var res = arr.reverse();
    res.push( "a" );
    console.log( res );//[4,5,6,3,2,1,"a"]
    console.log( arr );//[4,5,6,3,2,1,"a"]
</script>

8.slice

作用:截取**數組中一部份,並返回這個新的數組.
語法: array arr.slice([begin[,end]]);
返回值: 截取后的新的數組
注重: 包括肇端位置,不包含完畢位置,不會轉變原數組.
什麼都不傳入,則是原數組。

<script>
    var arr = ["a","b","c","d"];
//    var res = arr.slice( 1,3 );//["b","c"]
//    var res = arr.slice( 3,1 );//[]
    var res = arr.slice( -3,-1 );//["b","c"]
    var res = arr.slice();//["a","b","c","d"]
    console.log( res );
    console.log( arr );//["a","b","c","d"]
</script>

9.splice

作用:用新元素替代舊元素,以此修正數組的內容
語法:array array.splice(start, deleteCount[, item1[, item2[, …]]])
參數:

    - start    肇端位置
    - deleteCount    刪除長度
    - item    增加的內容

返回值: 由被刪除的元素構成的一個數組
注重修正了原數組的內容。

<script>
    var att="Liangzhifang".split("");
    console.log(att.splice(2,4,["a"]));//["a","n","g","z"]
    console.log(att);//["L","i",["a"],"h","i","f","a","n","g"]
</script>

10.sort

作用: 對數組的元素舉行排序。
語法: array arr.sort([compareFunction]);
參數: compareFunction可選。用來指定按某種遞次舉行分列的函數。假如省略,元素根據轉換為的字符串的諸個字符的Unicode位點舉行排序。
返回值: 排序后的數組.

<script>
    //當什麼都不傳入的時刻,sort()默許由小到大分列。
    var attr=[9,5,4,3,2];
    console.log(attr.sort());//[2, 3, 4, 5, 9]
    //傳入function的時刻,sort()內的function返回值大於0,由小到大分列。
    var attrO=[9,5,4,3,2];
    console.log(attrO.sort(function () {
        return 1;
    }));//[2, 3, 4, 5, 9]
    //傳入function的時刻,sort()內的function返回值小於或許即是0,數組序列穩定。
    var attrT=[9,5,4,3,2];
    console.log(attrT.sort(function () {
        return -1;
    }));// [9, 5, 4, 3, 2]
    //因為sort內部是隨機抽取兩個值,我們在應用function函數的返回值,大於0的時刻,交流位置。小於或許即是0的時刻穩定,來排序。
    //以下是由小到大排序
    var attrTh=[9,5,4,3,2];
    console.log(attrTh.sort(function (a,b) {
        return a-b;
    }));// [2, 3, 4, 5, 9]
    //以下是由大到小排序
    var attrF=[9,5,4,3,2];
    console.log(attrF.sort(function (a,b) {
        return b-a;// [9, 5, 4, 3, 2]
    }));

</script>
    原文作者:梁志芳
    原文地址: https://segmentfault.com/a/1190000014973607
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞