Run results for: js array comparison - for vs find vs map vs foreach

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36 Edg/142.0.0.0

Browser: Chrome 142

Operating system: Windows

Device Platform: Desktop

Date tested: 8 months ago

find

405K/s

For

272K/s

map

141K/s

View exact numbers

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

var arr = []
let i = 0
let len = 1000
for (; i < len; i++) {
    arr.push({
        ID: i,
        TestName: "Name"
    })
}

Tests:

For
let i = 0 let len = arr.length let foundIndex = -1 for (; i < len; i++) { if (arr[i].ID >= 999) { return arr[i] } }
find
const found = arr.find(function(element) { if(element.ID > 999){ return element }})
map
let foundMapIndex = arr.map(item => { if (item.ID > 999){ return i }})