Run results for: Create vs Mutate Object 2

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36

Browser: Chrome 94

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Script Preparation code:

var collection = new Array(10000).map(item => ({a:null, b:null, c:null}))

Tests:

Create new object
collection.map(() => { return {a:1, b:1, c:1} })
Mutate object
collection.map((obj) => { obj.a = 1 obj.b = 1 obj.c = 1 return obj })
Destructure
collection.map((obj) => { return {...obj, a:1, b:1, c:1} })
Add new properties
collection.map((obj) => { obj.d = 1 obj.e = 1 obj.f = 1 return obj })
Just mutate in-place
collection.forEach((obj) => { obj.a = 1 obj.b = 1 obj.c = 1 })