在前端开发中，我们经常需要对数组进行操作。有时候，我们需要将一个数组的内容添加到另一个数组中，但是又不想创建新的数组。本文将介绍如何在不创建新数组的情况下，使用另一个数组来扩展现有的JavaScript数组。
方法一：使用push()方法
push()方法可以向数组的末尾添加一个或多个元素，并返回修改后的数组的长度。我们可以使用apply()方法将要扩展的数组作为参数传递给push()方法。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; Array.prototype.push.apply(arr1, arr2); console.log(arr1); // [1, 2, 3, 4, 5, 6]
在上面的代码中，我们先声明了两个数组arr1和arr2。然后，我们使用apply()方法将arr2数组作为参数传递给arr1数组的push()方法。这样，arr2数组就会被添加到arr1数组的末尾。最后，我们输出修改后的数组arr1，得到的结果为[1, 2, 3, 4, 5, 6]。
方法二：使用concat()方法
concat()方法可以合并两个或多个数组，并返回一个新的数组。我们可以将一个空数组作为第一个参数传递给concat()方法，然后将要扩展的数组作为后续参数传递给该方法。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; Array.prototype.concat.apply([], [arr1, arr2]); console.log(arr1); // [1, 2, 3, 4, 5, 6]
在上面的代码中，我们先声明了两个数组arr1和arr2。然后，我们创建了一个空数组作为第一个参数，将要扩展的数组[arr1, arr2]作为后续参数传递给concat()方法，并使用apply()方法调用。这样，arr1数组就会被修改为[1, 2, 3, 4, 5, 6]。
方法三：使用ES6展开运算符
展开运算符可以将一个数组拆分为独立的元素，然后将它们插入到另一个数组中。我们可以使用展开运算符将要扩展的数组插入到现有数组中。
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; arr1.push(...arr2); console.log(arr1); // [1, 2, 3, 4, 5, 6]
在上面的代码中，我们先声明了两个数组arr1和arr2。然后，我们使用展开运算符将arr2数组插入到arr1数组中。这样，arr1数组就会被修改为[1, 2, 3, 4, 5, 6]。
总结
本文介绍了三种不创建新数组的方法，来扩展现有的JavaScript数组。使用push()方法、concat()方法或展开运算符，都可以实现这个目的。根据情况选择不同的方法可以提高代码的效率和可读性，并且避免不必要的内存分配。
参考资料
- MDN Web Docs: Array.prototype.push()
- MDN Web Docs: Array.prototype.concat()
- MDN Web Docs: Spread syntax (...)
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8027