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

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:145.0) Gecko/20100101 Firefox/145.0

Browser: Firefox 145

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 8 months ago

For

359K/s

find

102K/s

map

75K/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 }})