JavaScrit如何合并两个数组？

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>

猜你喜欢：

JavaScript事件由什么组成的？

JavaScript数组类型检测的方法

Javascript如何改变数组的长度?

Javascript多维数组介绍

黑马程序员web前端开发高手班