Question

我目前正在研究Array.prototype.push（）如何在MDN Web文档上工作。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push

在此页面上，广义语法表示为

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

，但是第二个参数（elementN）的目的是什么？

此页面显示了一个示例，该示例添加了各种运动，例如

var sports = ['soccer', 'baseball'];
var total = sports.push('football', 'swimming');

console.log(sports); // ['soccer', 'baseball', 'football', 'swimming']
console.log(total);  // 4

，但是如果要执行以下操作，第一个和第二个参数是什么？

var teamSports = ['soccer', 'baseball', 'hockey', 'American football'];
var individualSports = ['weight lifting', 'track & field', 'boxing', 'wrestling']

// prepare an empty array
var allSports = []; 

// add all of the team sports 
allSports.push(???????)

// add all of the individual sports
allSports.push(????????)

// all the sports added to the array
console.log(allSports); // ['soccer', 'baseball', 'hockey', 'American football', 'weight lifting', 'track & field', 'boxing', 'wrestling']

[下面的其他背景（得到一些答案和意见之后）]

我感谢那些回答或评论我的帖子的人。我的帖子的主要目的是弄清楚[，elementN]]部分的含义，而不是“将数组项目复制到另一个数组中”。

我的例子

allSports.push(???????)

的确涉及“将项放入另一个数组中”，但是我只是试图通过获取更多示例来找出推入参数的一般规则。

在我提供的链接的MDN网络文档页面上，显示的示例只有两个参数，例如

var sports = ['soccer', 'baseball'];
var total = sports.push('football', 'swimming');

console.log(sports); // ['soccer', 'baseball', 'football', 'swimming']
console.log(total);  // 4

或

var vegetables = ['parsnip', 'potato'];
var moreVegs = ['celery', 'beetroot'];

// Merge the second array into the first one
// Equivalent to vegetables.push('celery', 'beetroot');
Array.prototype.push.apply(vegetables, moreVegs);

console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']

由于这两个示例都有两个参数，因此我只是假设push接收了两个参数（事后看来这是错误的推定），这就是为什么我的问题主要是关于“第二个参数如何'[，elementN]有效”。如果还有更多示例，例如

var sports = ['soccer', 'baseball'];
var total = sports.push('football', 'swimming');

console.log(sports); // ['soccer', 'baseball', 'football', 'swimming']
console.log(total);  // 4

total = sports.push('weight lifting', 'track & field', 'boxing', 'wrestling')
console.log(sports); // ['soccer', 'baseball', 'football', 'swimming', 'weight lifting', 'track & field', 'boxing', 'wrestling']
console.log(total); // 8

，我不会假设push需要两个参数，而[，elementN]是它的第二个参数，并且我应该知道push可以接受任意数量的参数。

另一个要说的是，我不知道

...

也是代码的一部分，称为扩展运算符。我只是以为你们在用这种表达“省略”了一些东西。这也导致了我的误解。

Answer 1

您可以使用扩展运算符。

allSports.push(...teamSports,...individualSports);

工作摘要

var teamSports = ['soccer', 'baseball', 'hockey', 'American football'];
var individualSports = ['weight lifting', 'track & field', 'boxing', 'wrestling']
var allSports = []; 
allSports.push(...teamSports,...individualSports);
console.log(allSports)

Answer 2

Array.push（）接受多个参数，因此要合并数组时，应使用spread运算符。

像这样：

var teamSports = ['soccer', 'baseball', 'hockey', 'American football'];
var individualSports = ['weight lifting', 'track & field', 'boxing', 'wrestling']

// prepare an empty array
var allSports = [];

// add all of the team sports 
allSports.push(...teamSports)

// add all of the individual sports
allSports.push(...individualSports)

// all the sports added to the array
console.log(allSports);

JavaScript中array.push的第二个参数如何工作？

2 个答案:

工作摘要