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

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

1. 利用concat()方法

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

<script>
    var arr = ['a', 'b', 'c'];
    var arr1 = [1, 2, 3, 4];
    //  通過concat()將arr和arr1兩個(gè)數(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ù)默認(rèn)都有的方法是JS中所有函數(shù)默認(rèn)都有的方法，有兩個(gè)參數(shù)，第一個(gè)參數(shù)是上下文環(huán)境的對(duì)象，第二個(gè)參數(shù)是函數(shù)列表，支持?jǐn)?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>

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

4. 擴(kuò)展運(yùn)算符

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

<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ù)組類型檢測(cè)的方法

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

Javascript多維數(shù)組介紹

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