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

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/135.0 Mobile/15E148 Safari/605.1.15

Browser: Mobile Safari 18

Operating system: iOS 18.3

Device Platform: Mobile

Date tested: one year ago

For

1.1M/s

find

1.0M/s

map

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