Benchmark: JS Object Cloning - Lots of Different Methods

JS Object Cloning - Lots of Different Methods (version: 0)

Comparing performance of: Using the spread operator vs Well-known Keys, Create new object while copying, [] accessor vs Well-known Keys, Manually copying properties, [] accessor vs Object.entries() + map vs Object.keys() + map vs Well-Known Numbered Keynames w/Known Length vs Well-Known Keys, for..in vs Well-Known Keys, for..of vs Well-Known Keys, forEach vs Object Assign pre-created vs Well-known Keys, extract and create new object while copying, . accessor vs structuredClone vs Iterable vs Iterate Copy - Object.entries() + for..of vs Iterate Copy - Object.keys().forEach vs Iterate Copy - for..in vs Iterate Copy - Object.entries() vs Statically create new same object from scratch vs Well-known Keys, Create new object while copying vs Well-known Keys, Manually copying properties vs Using Object.assign vs JSON Copy vs Well-known Keys, extract and create new object while copying, [] accessor

Created: 3 years ago by: Guest

Jump to the latest result

Tests:

Using the spread operator
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {...firstObject};
Well-known Keys, Create new object while copying, [] accessor
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = { prop0: firstObject['prop0'], prop1: firstObject['prop1'], prop2: firstObject['prop2'], prop3: firstObject['prop3'], prop4: firstObject['prop4'], prop5: firstObject['prop5'] };
Well-known Keys, Manually copying properties, [] accessor
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; finalObject['prop0'] = firstObject['prop0']; finalObject['prop1'] = firstObject['prop1']; finalObject['prop2'] = firstObject['prop2']; finalObject['prop3'] = firstObject['prop3']; finalObject['prop4'] = firstObject['prop4']; finalObject['prop5'] = firstObject['prop5'];
Object.entries() + map
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; Object.entries(firstObject).map((k) => {finalObject[k[0]]=k[1];});
Object.keys() + map
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; Object.keys(firstObject).map((k) => {finalObject[k]=firstObject[k];});
Well-Known Numbered Keynames w/Known Length
const length = 5; const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; for (i=0;i<length;i++) { finalObject['prop'+i] = firstObject['prop'+i]; }
Well-Known Keys, for..in
const keys = ['prop0','prop1','prop2','prop3','prop4','prop5']; const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; for (let i in keys) { finalObject[keys[i]] = firstObject[keys[i]]; }
Well-Known Keys, for..of
const keys = ['prop0','prop1','prop2','prop3','prop4','prop5']; const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; for (let key of keys) { finalObject[key] = firstObject[key]; }
Well-Known Keys, forEach
const keys = ['prop0','prop1','prop2','prop3','prop4','prop5']; const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; keys.forEach((key)=>{finalObject[key]=firstObject[key]});
Object Assign pre-created
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = {}; Object.assign(finalObject, firstObject);
Well-known Keys, extract and create new object while copying, . accessor
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let prop0 = firstObject.prop0; let prop1 = firstObject.prop1; let prop2 = firstObject.prop2; let prop3 = firstObject.prop3; let prop4 = firstObject.prop4; let prop5 = firstObject.prop5; const finalObject = { prop0, prop1, prop2, prop3, prop4, prop5 };
structuredClone
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = structuredClone(firstObject);
Iterable
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2, [Symbol.iterator]: function*() { let keys = Object.keys(this); for (let i=0;i<keys.length;i++) yield [ keys[i], this[keys[i]] ]; } }; let finalObject = {}; for (let [key,value] of firstObject) { finalObject[key] = value; }
Iterate Copy - Object.entries() + for..of
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; for (let [k,v] of Object.entries(firstObject)) { finalObject[k]=v; }
Iterate Copy - Object.keys().forEach
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; Object.keys(firstObject).forEach((key) => {finalObject[key] = firstObject[key];});
Iterate Copy - for..in
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; for (const property in firstObject) { finalObject[property] = firstObject[property]; }
Iterate Copy - Object.entries()
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; for (const [key, value] of Object.entries(firstObject)) { finalObject[key]=value; }
Statically create new same object from scratch
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 };
Well-known Keys, Create new object while copying
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = { prop0: firstObject.prop0, prop1: firstObject.prop1, prop2: firstObject.prop2, prop3: firstObject.prop3, prop4: firstObject.prop4, prop5: firstObject.prop5 };
Well-known Keys, Manually copying properties
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = {}; finalObject.prop0 = firstObject.prop0; finalObject.prop1 = firstObject.prop1; finalObject.prop2 = firstObject.prop2; finalObject.prop3 = firstObject.prop3; finalObject.prop4 = firstObject.prop4; finalObject.prop5 = firstObject.prop5;
Using Object.assign
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; const finalObject = Object.assign({}, firstObject);
JSON Copy
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let finalObject = JSON.parse(JSON.stringify(firstObject));
Well-known Keys, extract and create new object while copying, [] accessor
const firstObject = { prop0: 'Hello world', prop1: 1, prop2: 2, prop3: "3", prop4: false, prop5: 0.2 }; let prop0 = firstObject['prop0']; let prop1 = firstObject['prop1']; let prop2 = firstObject['prop2']; let prop3 = firstObject['prop3']; let prop4 = firstObject['prop4']; let prop5 = firstObject['prop5']; const finalObject = { prop0, prop1, prop2, prop3, prop4, prop5 };

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Using the spread operator
Well-known Keys, Create new object while copying, [] accessor
Well-known Keys, Manually copying properties, [] accessor
Object.entries() + map
Object.keys() + map
Well-Known Numbered Keynames w/Known Length
Well-Known Keys, for..in
Well-Known Keys, for..of
Well-Known Keys, forEach
Object Assign pre-created
Well-known Keys, extract and create new object while copying, . accessor
structuredClone
Iterable
Iterate Copy - Object.entries() + for..of
Iterate Copy - Object.keys().forEach
Iterate Copy - for..in
Iterate Copy - Object.entries()
Statically create new same object from scratch
Well-known Keys, Create new object while copying
Well-known Keys, Manually copying properties
Using Object.assign
JSON Copy
Well-known Keys, extract and create new object while copying, [] accessor

Fastest: N/A

Slowest: N/A

Latest run results:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Related benchmarks: