Test case details

Preparation Code

<div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div><div class='wow'>wow</div>
const divs = document.querySelectorAll('div')

Test cases

Test #1

const arr = Array.from(divs) arr.forEach(div => div.classList.add('oof'))

Test #2

const arr = [...divs] arr.forEach(div => div.classList.add('oof'))

Test #3

const arr = [] for (div of divs) { div.classList.add('oof') arr.push(div) }

Test #4

const arr = [] for (let i = 0; i < divs.length; i++) { divs[i].classList.add('oof') arr.push(divs[i]) }

Test #5

const arr = [] const len = divs.length for (let i = 0; i < len; i++) { divs[i].classList.add('oof') arr.push(divs[i]) }

Test #6

const arr = [] divs.forEach(d => { d.classList.add('oof') arr.push(d) })

Test #7

const z = Array.from(divs).length

Test #8

const z = divs.keys().length

Test #9

const z = divs.length