用forEach方法替换for循环

时间:2020-04-06 14:38:35

标签: javascript

几乎每次面对节点列表或实际数组时,我都会使用forEach,但是有时我无法做到这一点,例如当我想创建5个div元素时,用for循环来实现

for (let i = 0; i < 4; i++) {
   //my code to do some repetitive code ...

   const myDiv = document.createElement('div');
   myDiv.classList.add(`${myDiv}${i}`)
   document.appendChild(myDiv);
}

问题是,当没有实际的数组或节点列表可用于forEach方法时,如何使用forEach进行相同的工作。

因为forEach与for循环不同,它是异步进行工作的,所以我认为这将是更有益的举措,对吗,我知道吗?

2 个答案:

答案 0 :(得分:1)

Array(3).fill().forEach((e,i) => {
  const myDiv = document.createElement('div');
  myDiv.classList.add(`${myDiv}${i}`)
  document.appendChild(myDiv);
})

答案 1 :(得分:0)

使用for循环没有问题,这正是使用for循环(或while)的正确位置。