JavaScript怎么合并两个数组？常见方法与性能对比

来源：PHP编程网作者：Robin头衔：草根站长

导读：本期聚焦于小伙伴创作的《JavaScript怎么合并两个数组？常见方法与性能对比》，敬请观看详情，探索知识的价值。以下视频、文章将为您系统阐述其核心内容与价值。如果您觉得《JavaScript怎么合并两个数组？常见方法与性能对比》有用，将其分享出去将是对创作者最好的鼓励。

在JavaScript里合并两个数组有多种实现方式，不同写法在语法简洁度、是否修改原数组以及执行效率上都有区别。实际开发中应根据场景选择最合适的方法。

使用concat方法

concat是数组原型上的方法，它会返回一个新数组，不会改动原来的两个数组，适合不允许副作用的场景。

var a = [1, 2];
var b = [3, 4];
// 返回新数组，a和b保持不变
var c = a.concat(b);
console.log(c); // [1, 2, 3, 4]
console.log(a); // [1, 2]

ES6引入的扩展运算符可以把数组展开，配合数组字面量即可生成合并后的新数组，语义清晰。

let x = ['a', 'b'];
let y = ['c', 'd'];
// 新数组包含x和y的所有元素
let z = [...x, ...y];
console.log(z); // ['a', 'b', 'c', 'd']

如果希望把第二个数组的内容直接追加到第一个数组上，可以用push结合扩展运算符，此时第一个数组会被改变。

let m = [10, 20];
let n = [30, 40];
// 把n的元素追加进m，返回新长度
m.push(...n);
console.log(m); // [10, 20, 30, 40]

合并两个数组在JavaScript中并不复杂，关键是根据是否需要保留原数组来选择。若只是取合并结果而不想影响源数据，推荐concat或扩展运算符方式；若业务逻辑本就要扩充原数组，用push配合扩展运算符更直接。

JavaScript 数组合并 concat修改时间：2026-07-28 11:54:14

免责声明：已尽一切努力确保本网站所含信息的准确性。网站内容多为原创整理与精心编撰，观点力求客观中立。本站旨在免费分享，内容仅供个人学习、研究或参考使用。若引用了第三方作品，版权归原作者所有。如内容涉及您的权益，请联系我们处理。