在这个例子中,有没有更好的方法来避免嵌套 for 循环/ for each ? 我正在研究这个函数,它将从嵌套数组中填充这些 div 数组结构是来自数据库文件的副本,它确实是嵌套的 有没有不改变传入 arr 结构的解决方案? 我只想完全避免嵌套循环。
let [...divMulti] = document.querySelectorAll('.insert')
let Incoming = [{ day: [{ el: '1' }, { el: '2' }, { el: '3' }] }, { day: [{ el: '1' }] }, { day: [{ el: '1' }] }]
let data1 = Incoming.map(element => {
return element.day
})
for (let i = 0; i < divMulti.length; i++) {
data1[i].forEach(el => {
let item = `<div>Element${i}</div>`
divMulti[i].querySelector('.here').insertAdjacentHTML('afterbegin', item)
})
}
<div class='insert' >parentDiv
<div class='here'></div>
</div>
<div class='insert' >parentDiv
<div class='here'></div>
</div>
<div class='insert' >parentDiv
<div class='here'></div>
</div>