Run results for: Array splice vs object assign

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:127.0) Gecko/20100101 Firefox/127.0

Browser: Firefox 127

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Object property assign

132.6M/s

Array splice

298K/s

ES6 Object Spread

255/s

View exact numbers

Script Preparation code:

var input = [];
for (var i = 0; i < 50000; i++) {
    input.push({
        id: i,
        data: 'something'
    })
}

Tests:

Array splice
const index = input.findIndex(val => val.id === 999); input.splice(index, 1, {id: 999, data: 'somethingElse'});
ES6 Object Spread
input = { ...input, [999]: {id: 999, data: 'somethingElse'} }
Object property assign
input[999] = {id: 999, data: 'somethingElse'}