Run results for: Array splice vs object assign

Run details:

User agent: Mozilla/5.0 (Android 9; Mobile; rv:99.0) Gecko/99.0 Firefox/99.0

Browser: Firefox Mobile 99

Operating system: Android

Device Platform: Mobile

Date tested: 2 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'}