JavaScript给数组添加元素的6个方法

下面是详细讲解“JavaScript给数组添加元素的6个方法”的完整攻略。

1. 直接赋值

通过直接赋值的方式，可以给数组添加新的元素。示例如下：

const arr = [1, 2, 3] // 定义一个数组
arr[3] = 4 // 直接给数组添加一个元素
console.log(arr) // [1, 2, 3, 4]

这种方式比较简单，但有一个问题就是需要预先知道数组的长度，否则就需要使用其他方法。

2. push() 方法

push() 方法可以向数组的末尾添加一个或多个元素，并返回新的长度。示例如下：

const arr = [1, 2, 3] // 定义一个数组
arr.push(4) // 向数组末尾添加一个元素
console.log(arr) // [1, 2, 3, 4]

也可以向数组末尾添加多个元素，示例如下：

const arr = [1, 2, 3] // 定义一个数组
arr.push(4, 5) // 向数组末尾添加两个元素
console.log(arr) // [1, 2, 3, 4, 5]

3. unshift() 方法

unshift() 方法与 push() 方法相反，可以向数组的开头添加一个或多个元素，并返回新的长度。示例如下：

const arr = [1, 2, 3] // 定义一个数组
arr.unshift(0) // 向数组开头添加一个元素
console.log(arr) // [0, 1, 2, 3]

也可以向数组开头添加多个元素，示例如下：

const arr = [1, 2, 3] // 定义一个数组
arr.unshift(-1, 0) // 向数组开头添加两个元素
console.log(arr) // [-1, 0, 1, 2, 3]

4. splice() 方法

splice() 方法可以实现批量添加、删除和修改元素，其中添加元素需要传入第二个参数，表示要删除的元素个数，然后再传入要添加的元素，示例如下：

const arr = [1, 3, 4] // 定义一个数组
arr.splice(1, 0, 2) // 在第二个位置添加元素
console.log(arr) // [1, 2, 3, 4]

也可以添加多个元素，示例如下：

const arr = [1, 4] // 定义一个数组
arr.splice(1, 0, 2, 3) // 在第二个位置添加两个元素
console.log(arr) // [1, 2, 3, 4]

5. concat() 方法

concat() 方法可以将多个数组连接起来，也可以在连接过程中添加新的元素。示例如下：

const arr1 = [1, 2]
const arr2 = [3, 4]
const arr3 = arr1.concat(arr2) // 连接多个数组
console.log(arr3) // [1, 2, 3, 4]

const arr4 = arr1.concat(0, arr2, 5) // 在连接过程中添加新的元素
console.log(arr4) // [1, 2, 0, 3, 4, 5]

6. 使用展开运算符

展开运算符也可以实现添加新的元素，示例如下：

const arr1 = [1, 2, 3]
const arr2 = [...arr1, 4] // 在原数组的基础上添加新的元素
console.log(arr2) // [1, 2, 3, 4]

同样地，也可以添加多个元素，示例如下：

const arr1 = [1, 2]
const arr2 = [3, 4]
const arr3 = [...arr1, 0, ...arr2, 5] // 在多个原数组的基础上添加新的元素
console.log(arr3) // [1, 2, 0, 3, 4, 5]

到这里，6种添加元素的方法就介绍完毕了。希望对你有所帮助。