Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
getElementsByClassName, For i, For of, For each, Some, Every, Map 2
getElementsByClassName, For i, For of, For each, Some, Every, Map
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=510423" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:109.0) Gecko/20100101 Firefox/115.0
Browser:
Firefox 115
Operating system:
Windows 8.1
Device Platform:
Desktop
Date tested:
2 years ago
Benchmark engine:
Benchmark.js
for i
2.1M/s
for of
2.0M/s
every
1.6M/s
some
1.6M/s
forEach
1.6M/s
map
1.4M/s
View exact numbers
Test name
Executions per second
✓
for i
2,121,464 Ops/sec
for of
1,968,331 Ops/sec
every
1,574,968 Ops/sec
some
1,570,308 Ops/sec
forEach
1,557,215 Ops/sec
map
1,421,566 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 변환된값; });