Run results for: getElementsByClassName, For i, For of, For each, Some, Every, Map 2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

//1 For i

7.4M/s

//2 For of

4.3M/s

//3. for each

2.2M/s

// 4. some

2.2M/s

// 5. every

2.2M/s

//6. map

2.2M/s

View exact numbers

Test name	Executions per second
✓ //1 For i	7,414,098 Ops/sec
//2 For of	4,342,773 Ops/sec
//3. for each	2,208,530 Ops/sec
// 4. some	2,202,338 Ops/sec
// 5. every	2,199,111 Ops/sec
//6. map	2,191,372 Ops/sec

Script Preparation code:

var newBody = document.createElement("div");


for (let i; i < 1000; i++) {
	var divAdded = document.createElement("div");
	divAdded.classList.add("ggclass");
	newBody.appendChild(divAdded);
}

Tests:

for i
var case1 = document.getElementsByClassName("ggclass"); for (var i = 0; i < case1.length; i++) { // 반복할 내용 console.log(case1[i]); }
for of
var case1 = document.getElementsByClassName("ggclass"); for (var element of case1) { // 반복할 내용 console.log(element); }
forEach
var case1 = document.getElementsByClassName("ggclass"); Array.from(case1).forEach(function (element) { // 반복할 내용 console.log(element); });
some
var case1 = document.getElementsByClassName("ggclass"); Array.from(case1).some(function (element) { console.log(element); return false; });
every
var case1 = document.getElementsByClassName("ggclass"); var allSatisfy = Array.from(case1).every(function (element) { console.log(element); return true; // 조건을 만족하면 true, 아니면 false });
map
var case1 = document.getElementsByClassName("ggclass"); var newArray = Array.from(case1).map(function (element) { console.log(element); return 변환된값; });

Run results for: getElementsByClassName, For i, For of, For each, Some, Every, Map 2

getElementsByClassName, For i, For of, For each, Some, Every, Map

for i

for of

forEach

some

every

map