概要

方法

構文が分かりやすい以下のコードのどちらが速いかを比較してみました。回転数は 100万回。実行環境は Google Chrome 74.0.3729.169 です。

[...xxx]

const max = 1000000
console.time()
for (let i = 0; i < max; ++i) {
  const a = [...document.body.childNodes]
}
console.timeEnd()

Array.from(xxx)

const max = 1000000
console.time()
for (let i = 0; i < max; ++i) {
  const a = Array.from(document.body.childNodes)
}
console.timeEnd()

statement	Google Chrome 74.0.3729.169	Safari 12.1
[...xxx]	`11421.31689453125ms`	`649.917ms`
Array.from(xxx)	`16186.26708984375ms`	`678.806ms`

日本語	英語	例
配列型	array-like	arugments NodeList
反復型	iterable	Map Set String