Run results for: reassigning an object

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
map	7028267.5 Ops/sec
index	4574258.5 Ops/sec

Script Preparation code:

var array = [{
        id: 1,
        name: 'Item 1'
    },
    {
        id: 2,
        name: 'Item 2'
    },
    {
        id: 3,
        name: 'Item 3'
    }
];

var newObject = {
    id: 2,
    name: 'Updated Item 2'
};

Tests:

map
var index = array.findIndex(item => item.id === newObject.id); if (index !== -1) { array[index] = newObject; }
index
var index = array.findIndex(item => item.id === newObject.id); // Only proceed if the item is found var updatedArray; if (index !== -1) { updatedArray = [ ...array.slice(0, index), // Elements before the updated item newObject, // The updated item ...array.slice(index + 1) // Elements after the updated item ]; } else { // If the item isn't found, the array remains unchanged updatedArray = array; }

Run results for: reassigning an object

map

index