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

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 133

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

find

118K/s

For

108K/s

map

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