JS 添加到数组 - Javascript

在 Javascript 中，添加元素到数组是一项最基本和最常见的操作。在本文中，我们将探讨如何添加元素到一个数组中。

使用 push() 方法

JavaScript 中有一个内置方法名为 push()，它可以将一个或多个元素添加到数组的末尾。以下是该方法的语法：

array.push(element1[, ...[, elementN]])

其中，element1 到 elementN 是我们想要添加到数组中的元素。下面是一个例子：

let fruits = ['apple', 'banana', 'orange'];
fruits.push('pear');
// ['apple', 'banana', 'orange', 'pear']

push() 方法返回的是数组的新长度。

我们可以使用扩展运算符 ... 来向数组中添加一个数组：

let fruits = ['apple', 'banana'];
let moreFruits = ['orange', 'pear'];
fruits.push(...moreFruits);
// ['apple', 'banana', 'orange', 'pear']

使用 unshift() 方法

JavaScript 中还有一个内置方法名为 unshift()，它可以将一个或多个元素添加到数组的头部。以下是该方法的语法：

array.unshift(element1[, ...[, elementN]])

其中，element1 到 elementN 是我们想要添加到数组中的元素。下面是一个例子：

let fruits = ['apple', 'banana', 'orange'];
fruits.unshift('pear');
// ['pear', 'apple', 'banana', 'orange']

unshift() 方法返回的是数组的新长度。

我们也可以使用扩展运算符 ... 来向数组中添加一个数组：

let fruits = ['apple', 'banana'];
let moreFruits = ['orange', 'pear'];
fruits.unshift(...moreFruits);
// ['orange', 'pear', 'apple', 'banana']

使用 splice() 方法

splice() 方法是 JavaScript 中最灵活的方法之一，它可以用来添加、删除或替换数组元素。以下是该方法的语法：

array.splice(start[, deleteCount[, element1[, ...[, elementN]]]])

其中，start 是指定添加或删除元素的起始位置的索引。deleteCount 是要删除的元素的数量。element1 到 elementN 是我们想要添加到数组中的元素。下面是一些例子：

let fruits = ['apple', 'banana', 'orange'];
fruits.splice(1, 0, 'pear'); // 在索引 1 的位置添加一个元素
// ['apple', 'pear', 'banana', 'orange']

fruits.splice(2, 1, 'kiwi'); // 在索引 2 的位置替换一个元素
// ['apple', 'pear', 'kiwi', 'orange']

fruits.splice(0, 1); // 从索引 0 的位置删除一个元素
// ['pear', 'kiwi', 'orange']

结论

在 JavaScript 中添加元素到数组是一项最基本和最常见的操作，我们可以使用 push() 方法将元素添加到数组的末尾，使用 unshift() 方法将元素添加到数组的头部，或使用 splice() 方法来添加、删除或替换数组元素。希望这篇文章对你有所帮助。