原文地址：https://www.itheima.com/news/20211126/163815.html
Js合並數組一般有以下集中方法，下面我們分別介紹。
1. 利用concat()方法
concat()方法，可以連接兩個或多個數組，不影響原數組，返回一個新數組。
<script>
var arr = ['a', 'b', 'c'];
var arr1 = [1, 2, 3, 4];
// 通過concat()將arr和arr1兩個數組合並
var arr2 = arr.concat(arr1);
console.log(arr2); //輸出：(7) ["a", "b", "c", 1, 2, 3, 4]
</script>
2. 利用for循環
<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中所有函數默認都有的方法是JS中所有函數默認都有的方法，有兩個參數，第一個參數是上下文環境的對象，第二個參數是函數列表，支持數組形式傳遞，
<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數組的push函數的apply函數，將上下文環境設為arr1數組，參數列表設為arr，由於push方法支持如下調用：push(item1, item2, item3)，所以就將數組參數轉換為參數列表，從而實現數組合並。
4. 擴展運算符
擴展運算符(...)是ES6的語法，用於取出參數對象的所有可遍歷屬性，然后拷貝到當前對象之中。
<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>
猜你喜歡：