Run results for: Array splice vs object assign

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:92.0) Gecko/20100101 Firefox/92.0

Browser: Firefox 92

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

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'}