Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
add objects on loop
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=624023" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36
Browser:
Chrome 144
Operating system:
Windows
Device Platform:
Desktop
Date tested:
3 months ago
Test name
Executions per second
assign
175.5 Ops/sec
spread
554.8 Ops/sec
mutable assign
288.9 Ops/sec
HTML Preparation code:
<!--your https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.jspreparation HTML code goes here--> <script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js'></script>
Script Preparation code:
/*your preparation JavaScript code goes here To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
Tests:
assign
const BASE_OBJECTS = (() => { const arr = new Array(10000); for (let i = 0; i < 10000; i++) { arr[i] = { id: i, name: "obj_" + i, value: i * 2, active: i % 2 === 0 }; } return arr; })(); let result; for (let round = 0; round < 10; round++) { result = new Array(BASE_OBJECTS.length); for (let i = 0; i < BASE_OBJECTS.length; i++) { result[i] = Object.assign( {}, BASE_OBJECTS[i], { extra1: i, extra2: i + 1, extra3: i + 2 } ); } }
spread
const BASE_OBJECTS = (() => { const arr = new Array(10000); for (let i = 0; i < 10000; i++) { arr[i] = { id: i, name: "obj_" + i, value: i * 2, active: i % 2 === 0 }; } return arr; })(); let result; for (let round = 0; round < 10; round++) { result = new Array(BASE_OBJECTS.length); for (let i = 0; i < BASE_OBJECTS.length; i++) { result[i] = { ...BASE_OBJECTS[i], extra1: i, extra2: i + 1, extra3: i + 2 }; } }
mutable assign
const BASE_OBJECTS = (() => { const arr = new Array(10000); for (let i = 0; i < 10000; i++) { arr[i] = { id: i, name: "obj_" + i, value: i * 2, active: i % 2 === 0 }; } return arr; })(); let result; for (let round = 0; round < 10; round++) { result = new Array(BASE_OBJECTS.length); for (let i = 0; i < BASE_OBJECTS.length; i++) { result[i] = Object.assign( BASE_OBJECTS[i], { extra1: i, extra2: i + 1, extra3: i + 2 } ); } }
lodash merge
const BASE_OBJECTS = (() => { const arr = new Array(10000); for (let i = 0; i < 10000; i++) { arr[i] = { id: i, name: "obj_" + i, value: i * 2, active: i % 2 === 0 }; } return arr; })(); let result; for (let round = 0; round < 10; round++) { result = new Array(BASE_OBJECTS.length); for (let i = 0; i < BASE_OBJECTS.length; i++) { result[i] = _.merge({}, BASE_OBJECTS[i], { extra1: i, extra2: i + 1, extra3: i + 2 } ); } }