首页技术文章正文

JavaScrit如何合并两个数组?

更新时间:2021-11-26 来源:黑马程序员 浏览量:

IT培训班

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前端开发高手班

分享到:
在线咨询 我要报名
和我们在线交谈!