JavaScrit如何合并兩個數(shù)組？

Js合并數(shù)組一般有以下集中方法，下面我們分別介紹。

1. 利用concat()方法

concat()方法，可以連接兩個或多個數(shù)組，不影響原數(shù)組，返回一個新數(shù)組。

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    //  通過concat()將arr和arr1兩個數(shù)組合并
    var arr2 = arr.concat(arr1);
    console.log(arr2);      //輸出：(7) ["a", "b", "c", 1, 2, 3, 4]
</script>

2. 利用for循環(huán)

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    
    for(i in arr){
        arr1.push(arr[i]);
    }
    console.log(arr1);      // 輸出：(7) [1, 2, 3, 4, "a", "b", "c"]
</script>

3. apply () 方法

apply()方法是JS中所有函數(shù)默認都有的方法是JS中所有函數(shù)默認都有的方法，有兩個參數(shù)，第一個參數(shù)是上下文環(huán)境的對象，第二個參數(shù)是函數(shù)列表，支持數(shù)組形式傳遞，

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    
    arr1.push.apply(arr1, arr);
    console.log(arr1);      // 輸出：(7) [1, 2, 3, 4, "a", "b", "c"]
</script>

調用arr1數(shù)組的push函數(shù)的apply函數(shù)，將上下文環(huán)境設為arr1數(shù)組，參數(shù)列表設為arr，由于push方法支持如下調用：push(item1, item2, item3)，所以就將數(shù)組參數(shù)轉換為參數(shù)列表，從而實現(xiàn)數(shù)組合并。

4. 擴展運算符

擴展運算符(...)是ES6的語法，用于取出參數(shù)對象的所有可遍歷屬性，然后拷貝到當前對象之中。

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
   
    arr = [...arr, ...arr1]
    console.log(arr);      // 輸出：(7) ["a", "b", "c", 1, 2, 3, 4]
</script>

猜你喜歡：

JavaScript事件由什么組成的？

JavaScript數(shù)組類型檢測的方法

Javascript如何改變數(shù)組的長度?

Javascript多維數(shù)組介紹

黑馬程序員web前端開發(fā)高手班