Run results for: JS loops comparison

Run details:

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

Browser: Chrome 135

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

iterator loop

52K/s

indexed loop (assign)

40K/s

.map

37K/s

.forEach (assign)

23K/s

indexed loop (push)

23K/s

.forEach (push)

18K/s

View exact numbers

Script Preparation code:

var data = [...Array(10000).keys()]

Tests:

.map
const result = data.map(x => x + 1)
iterator loop
const result = []; for (const val of data) { result.push(val + 1); }
indexed loop (assign)
const result = new Array(data.length); for (let i = 0; i < data.length; i++) { result[i] = data[i] + 1; }
.forEach (assign)
const result = new Array(data.length); data.forEach((value, i) => result[i] = value + 1);
indexed loop (push)
const result = []; for (let i = 0; i < data.length; i++) { result.push(data[i] + 1); }
.forEach (push)
const result = []; data.forEach((value, i) => result.push(value + 1));