Javascript数组---push()，concat()方法的区别

最新推荐文章于 2025-04-21 17:02:58 发布

北方的刀郎

最新推荐文章于 2025-04-21 17:02:58 发布

阅读量361

点赞数

分类专栏： javascript学习

javascript学习专栏收录该内容

75 篇文章

订阅专栏

本文详细对比了JavaScript中数组的push()和concat()方法的使用及区别，push()直接修改原数组，而concat()创建新数组，且两者在处理数组参数时的行为不同。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在数组操作中，push()很常见，concat()却很少见，然而两者的用法很相似，可以理解为，push()是concat()的简化版，先看下面的例子：

/*push()方法*/
    var array=[1,2,3,4,5];

    console.log(array);   //[1, 2, 3, 4, 5]

    array.push(6);        //一个参数
    console.log(array);   //[1, 2, 3, 4, 5, 6]

    array.push(6,7);      //两个参数
    console.log(array);   //[1, 2, 3, 4, 5, 6, 7]

    array.push([6,7]);    //参数为数组
    console.log(array);   //[1, 2, 3, 4, 5, 6, Array(2)]

    /*concat()方法*/
    var array=[1,2,3,4,5];

    console.log(array);   //[1, 2, 3, 4, 5]

    var array2=array.concat(6);    //一个参数
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6]

    var array2=array.concat(6,7);    //两个参数
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6，7]

    var array2=array.concat([6,7]);    //参数为数组
    console.log(array);    //[1, 2, 3, 4, 5]
    console.log(array2);   //[1, 2, 3, 4, 5, 6, 7]

通过代码可以看出一下几点差别：
1，push()是在原数组的基础上修改的，执行push()方法后原数组的值也会变；

concat()是先把原数组复制到一个新的数组，然后在新数组上进行操作，所以不会改变原数组的值。

2，如果参数不是数组，不管参数个数有多少个，push()和concat()都会直接把参数添加到数组后；

如果参数是一个数组，push()就会直接把数组添加到原数组后，而concat()会把数组里的值取出来添加到原数组后。