Benchmark: Object iteration methods with maps, foreach, different access types, no mutation

Object iteration methods with maps, foreach, different access types, no mutation (version: 0)

Comparing performance of: map from object.entries, for-of loop, destructured access vs map from object.entries, for-of loop, bracket access vs map from object.entries, forEach, unused key param vs map from object.entries, forEach, no unused key param vs object.entries, for-of loop, destructured access vs object.entries, for-of loop, bracket access vs object.entries, forEach, destructured access vs object.entries, forEach, bracket access vs object.keys, for-of loop, bracket access on original vs object.keys, forEach, bracket access on original vs object.values, for-of loop vs object.values, forEach vs for-in loop, bracket access on original

Created: 2 years ago by: Guest

Jump to the latest result

Tests:

map from object.entries, for-of loop, destructured access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntryMap = new Map(Object.entries(obj)) for (const [key, val] of objEntryMap) { result += val }
map from object.entries, for-of loop, bracket access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntryMap = new Map(Object.entries(obj)) for (const entry of objEntryMap) { result += entry[1] }
map from object.entries, forEach, unused key param
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntryMap = new Map(Object.entries(obj)) objEntryMap.forEach((val, key) => { result += val })
map from object.entries, forEach, no unused key param
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntryMap = new Map(Object.entries(obj)) objEntryMap.forEach((val) => { result += val })
object.entries, for-of loop, destructured access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntries = Object.entries(obj) for (const [key, val] of objEntries) { result += val }
object.entries, for-of loop, bracket access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntries = Object.entries(obj) for (const entry of objEntries) { result += entry[0] }
object.entries, forEach, destructured access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntries = Object.entries(obj) objEntries.forEach(([key, val]) => { result += val })
object.entries, forEach, bracket access
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objEntries = Object.entries(obj) objEntries.forEach((entry) => { result += entry[0] })
object.keys, for-of loop, bracket access on original
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objKeys = Object.keys(obj) for (const key of objKeys) { result += obj[key] }
object.keys, forEach, bracket access on original
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objKeys = Object.keys(obj) objKeys.forEach((key) => { result += obj[key] })
object.values, for-of loop
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objVals = Object.values(obj) for (const val of objVals) { result += val }
object.values, forEach
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 const objVals = Object.values(obj) objVals.forEach((val) => { result += val })
for-in loop, bracket access on original
const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, f: 6, g: 7, h: 8, i: 9, j: 10, k: 11, l: 12, m: 13, n: 14, o: 15, p: 16, q: 17, r: 18, s: 19, t: 20, u: 21, v: 22, w: 23, x: 24, y: 25, z: 26 } let result = 0 for (const key in obj) { result += obj[key] }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
map from object.entries, for-of loop, destructured access
map from object.entries, for-of loop, bracket access
map from object.entries, forEach, unused key param
map from object.entries, forEach, no unused key param
object.entries, for-of loop, destructured access
object.entries, for-of loop, bracket access
object.entries, forEach, destructured access
object.entries, forEach, bracket access
object.keys, for-of loop, bracket access on original
object.keys, forEach, bracket access on original
object.values, for-of loop
object.values, forEach
for-in loop, bracket access on original

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.81 Safari/537.36 Edg/94.0.992.50

Browser/OS: Chrome 94 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
map from object.entries, for-of loop, destructured access	298154.6 Ops/sec
map from object.entries, for-of loop, bracket access	318151.2 Ops/sec
map from object.entries, forEach, unused key param	303332.4 Ops/sec
map from object.entries, forEach, no unused key param	303636.8 Ops/sec
object.entries, for-of loop, destructured access	537762.1 Ops/sec
object.entries, for-of loop, bracket access	492997.7 Ops/sec
object.entries, forEach, destructured access	527242.0 Ops/sec
object.entries, forEach, bracket access	483714.7 Ops/sec
object.keys, for-of loop, bracket access on original	1680787.0 Ops/sec
object.keys, forEach, bracket access on original	1535466.0 Ops/sec
object.values, for-of loop	3648510.0 Ops/sec
object.values, forEach	3304010.0 Ops/sec
for-in loop, bracket access on original	21952060.0 Ops/sec

Object iteration methods with maps, foreach, different access types, no mutation (version: 0)

Created: 2 years ago by: Guest

Jump to the latest result

map from object.entries, for-of loop, destructured access

map from object.entries, for-of loop, bracket access

map from object.entries, forEach, unused key param

map from object.entries, forEach, no unused key param

object.entries, for-of loop, destructured access

object.entries, for-of loop, bracket access

object.entries, forEach, destructured access

object.entries, forEach, bracket access

object.keys, for-of loop, bracket access on original

object.keys, forEach, bracket access on original

object.values, for-of loop

object.values, forEach

for-in loop, bracket access on original

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A