JavaScript数组的push教程

发表于 分类于 阅读次数： Valine：

原文：JavaScript Array Push Tutorial

push()方法向JavaScript数组的末尾添加一个元素。本文介绍push()是如何使用的。

JavaScript中，Array#push()方法将接收的参数添加到数组的末尾，返回添加元素后数组的长度。

1
2
3
4
5
6
7
const arr = ['A', 'B', 'C'];

arr.push('D'); // 4
arr; // ['A', 'B', 'C', 'D']

arr.push('E', 'F'); // 6
arr; // ['A', 'B', 'C', 'D', 'E', 'F']

使用展开运算符

假设要在数组arr的末尾，添加另一个数组arr2的所有元素。arr.push(arr2)并不会添加arr2的元素，而是将数组arr2作为一个元素添加进去。

1
2
3
4
5
const arr = ['A', 'B', 'C'];
const arr2 = ['D', 'E'];

arr.push(arr2); // 4
arr; // ['A', 'B', 'C', ['D', 'E']]

要把arr2的元素添加到arr的末尾，使用展开运算符。可以认为...把数组转换成了位置参数。

1
2
3
4
5
6
const arr = ['A', 'B', 'C'];
const arr2 = ['D', 'E'];

// 等效于 `arr.push('D', 'E')`
arr.push(...arr2); // 5
arr; // ['A', 'B', 'C', 'D', 'E']

译注：用forEach或map更直观一些。

1
2
3
4
5
6
const arr = ['A', 'B', 'C'];
const arr2 = ['D', 'E'];

arr2.forEach((item)=>{
    arr.push(item);
});