JS追加数组|极客笔记

JS追加数组

在 JavaScript 中，我们经常会遇到需要在数组中追加元素的情况。追加元素到数组的末尾是一种常见的操作，这在处理数据和构建动态内容时经常会用到。本文将详细讨论在 JavaScript 中如何追加数组元素，包括使用 push() 方法、展开操作符（spread operator）以及 concat() 方法来实现。

使用push()方法追加数组元素

在 JavaScript 中，我们可以使用 push() 方法来向数组末尾添加一个或多个元素。 push() 方法会修改原数组，并返回修改后的数组长度。

let array = [1, 2, 3];
array.push(4);
console.log(array); // [1, 2, 3, 4]

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

在上面的示例中，我们定义了一个数组 array，并使用 push() 方法向数组中追加元素。可以看到，我们可以一次性追加一个或多个元素到数组末尾。

使用展开操作符（spread operator）追加数组元素

展开操作符是 ES6 中新增的语法，可以通过 ... 运算符将一个数组展开为多个元素。我们可以利用展开操作符来追加数组元素。

let array1 = [1, 2, 3];
let array2 = [...array1, 4, 5];
console.log(array2); // [1, 2, 3, 4, 5]

let array3 = [6, 7];
let array4 = [...array2, ...array3];
console.log(array4); // [1, 2, 3, 4, 5, 6, 7]

在上面的示例中，我们首先定义了一个数组 array1，然后使用展开操作符在其基础上添加新的元素构建了 array2。接着，我们又定义了一个数组 array3，最后使用展开操作符将 array2 和 array3 连接成了 array4。

展开操作符在将多个数组合并时非常方便，可以避免直接修改原数组。同时，展开操作符还可以用于复制数组，而不仅仅是追加元素。

使用concat()方法追加数组元素

除了上述的方法，我们还可以使用数组的 concat() 方法来追加数组元素。 concat() 方法会创建一个新的数组，其中包含原数组和要追加的元素。

let array1 = [1, 2, 3];
let array2 = array1.concat(4);
console.log(array2); // [1, 2, 3, 4]

let array3 = [5, 6];
let array4 = array2.concat(array3);
console.log(array4); // [1, 2, 3, 4, 5, 6]

在上面的示例中，我们首先定义了一个数组 array1，然后使用 concat() 方法追加了一个元素构建了 array2。接着，我们又定义了一个数组 array3，最后使用 concat() 方法将 array2 和 array3 连接成了 array4。