JavaScript中如何向已有数组添加新数组并返回新数组？

你要实现的是将新数组作为单个子元素追加到已有二维数组的末尾，有两种常用写法，分别对应修改原数组、不修改原数组的场景：

• 直接修改原数组：用push方法，这是最简便的写法

const existingArr = [[1,2,3], [4,5,6]]
const newArr = [7,8,9]
existingArr.push(newArr)
// 操作后existingArr的值为[[1,2,3],[4,5,6],[7,8,9]]

• 不修改原数组、返回全新数组：这就是你要找的扩展运算符（spread operator）正确写法

const existingArr = [[1,2,3], [4,5,6]]
const newArr = [7,8,9]
const result = [...existingArr, newArr]
// result的值为[[1,2,3],[4,5,6],[7,8,9]]，原existingArr不会被改动

常见错误原因 #

你之前用扩展运算符没得到正确结果，大概率是错误展开了待添加的新数组：如果写为[...existingArr, ...newArr]，会把[7,8,9]的每个元素拆出来单独追加到外层，最终得到[[1,2,3],[4,5,6],7,8,9]，不符合预期。因为你的需求是把整个新数组作为一个元素存入外层数组，不需要展开这个新数组本身。

内容的提问来源于stack exchange，提问作者Han