Benchmark: Object arrays: findIndex vs for loop for finding and editing an array item.

Script Preparation code:

/* make a new array with 15k items */
var arr = new Array(15000);

/* fill array tems with basic object */
arr.fill({ id: 0 });

/* generate 2 random numbers in our 15k range */
var foo = Math.floor(Math.random() * 15000);
var bar = Math.floor(Math.random() * 15000);

/* set the index of arr[foo] to foo for our tests */
arr[foo].id = foo;

Tests:

findIndex
const bookFreePlatform = (arr, foo, bar) => { /* find array index where id == foo */ var index = arr.findIndex(item => item.id === foo); /* findIndex returns -1 on fail, so test for that */ if ( index != -1 ) { /* ok, we have an index, lets edit that entry, and console log it for fun */ arr[index].id = bar; console.log(arr[index]); } /* return altered array */ return arr; } bookFreePlatform(arr, foo, bar);
for loop
const bookFreePlatform = (arr, foo, bar) => { /* find array item where id == foo */ for (let i = 0; i < arr.length; i++) { /* not an error check, just a simple comparison */ if (arr[i].id === foo) { /* if we got here, it found and index, lets edit it and log it again */ arr[i].id = bar; console.log(arr[i]); /* stop the loop to save time and resources, we're done */ break; } } /* return altered array */ return arr; } bookFreePlatform(arr, foo, bar);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
findIndex
for loop

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 23 days ago)

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

Browser/OS: Chrome 120 on Linux

View result in a separate tab

Test name	Executions per second
findIndex	11417.5 Ops/sec
for loop	17132.7 Ops/sec

Object arrays: findIndex vs for loop for finding and editing an array item. (version: 0)

Test finding an object array via findIndex or by using a for loop, and edit the value of that index.

Comparing performance of: findIndex vs for loop

Created: 2 years ago by: Guest

Jump to the latest result

findIndex

for loop

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A