在 JS 中，如何在 for...of 循环中访问下一个 "object"

Question

我基本上是在尝试构建一个显示来自 API 的数据的站点。我使用以下异步函数来获取数据：

async function getapi(url) {
   //store response
   const response = await fetch(url);
   
   //store data in JSON
   var data = await response.json();
   getData(data);
}

在我的 getData 函数中，我有以下内容：

for(let r of data.rounds) {
  let round = r.names.shortName;
  let nextRound = //no idea how to get the name of the next round

这 returns 我目前所在的回合（第一个循环中的 R1）。本质上我想要的是下一轮短名称。（所以我想在第一个循环中使用 R2）。有没有办法访问下一个循环的数据？

console.log(r) 显示： console.log of R

Answer 1

更简洁的实施

data.rounds.map((item, index, self) => {
   let round = r.names.shortName;
   let nexObj = self[index+1]
})

Answer 2

使用for loop instead of forof循环。它允许您检查数组的下一个索引并按如下方式使用它。

for (let i = 0; i < data.rounds.length; i++) {
    const round = data.rounds[i];
    const name = r.names.shortName;
    let nextRound =  data.rounds[i + 1];
    if (nextRound) {
        // your code here
    }
}

Answer 3

如果您需要一个循环中的下一个元素，您可以使用索引，正如大家已经回答的那样。如果您的意思是如何进行迭代 - 您不需要进行“i++”迭代等。for..of 循环将在 body 完成后开始下一个循环。

选择：

    for(let r of data.rounds) {
       let round = r.names.shortName;
       let nextIndex = data.indexOf(r) + 1;
       if(nextIndex <= data.length){
          let nextRound = data[nextIndex];
       }   
}

Answer 4

我认为带有索引访问的普通 for 示例显然更简洁。只是为了好玩，或者如果你真的坚持使用 for of（一些没有随机访问的可迭代数据结构）。

let prevRound

for (let r of data.rounds) {
  if (prevRound) name = prevRound.names.shortName
  // nextRound = r at this point, obviously
  ...
  prevRound = r
}

在 JS 中，如何在 for...of 循环中访问下一个 "object"

In JS how do you access the next "object" in a for...of loop

javascript

for-of-loop