基于数组的索引将项目添加到对象中的数组

Question

我正在抓取一个网站，并且有一系列要遍历的数字：

const arr = [1,2,3,1,2,4,5,6,7];

它们对应于不同团队的赢/输/平局：

即

阵列中的第一个项目获胜，第二个是平局，第三个是损失，第四个是获胜，第五个是平局，第六个是损失等。

如何遍历这些内容，所以我会看到以下内容：

const teams = [{
  won: 1,
  draw: 2,
  lost: 3
 },{ 
  won: 1,
  draw: 2,
  lost: 4
 },{
  won: 5,
  draw: 6,
  lost: 7
}];

我尝试了以下类似的操作，但是没有按预期工作。

  const arr = [1, 2, 3, 1, 2, 4, 5, 6, 7]; const newArr = []; arr.forEach((item, index => { if (index % 0 === 0) { newArr.push({ won: item }); } else if (index % 1 === 0) { newArr.push({ draw: item }); } else { newArr.push({ lost: item }); } }); 

Answer 1

不幸的是，使用像forEach这样的数组方法不能很好地工作，因为您需要将多个数组元素合并到一个对象中。 可能，但是会有些混乱。 如果使用for循环，可能会更清楚：

 const arr = [1,2,3,1,2,4,5,6,7]; const teams = []; for (let i = 0; i < arr.length; i += 3) { teams.push({ won: arr[i], draw: arr[i + 1], lost: arr[i + 2], }); } console.log(teams); 

Answer 2

你要

index % 3 === 0; // 0, 3, 6, ...
index % 3 === 1; // 1, 4, 7, ...
index % 3 === 2; // 2, 5, 8, ...

Answer 3

您可以遍历数组，但只使用i+=3来考虑每三个元素：

let teams = [];
function teamStats(won, draw, lost){
  return {won, draw, lost};
}
for(let i = 0; i < arr.length; i+=3){
  teams.push(teamStats(arr[i], arr[i+1], arr[i+2]));
}