Run results for: splice vs filter (delete from array)

Run details:

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

Browser: Chrome Mobile 137

Operating system: Android

Device Platform: Mobile

Date tested: one year ago

indexOf, splice

51K/s

indexOf, splice, check

50K/s

findIndex, splice

46K/s

filter

41K/s

for, splice

30K/s

View exact numbers

Script Preparation code:

var arr = []
for (i = 0; i < 100; i++) {
    arr.push({})
}

var item = arr[arr.length / 2]

Tests:

findIndex, splice
const newArr = Object.create(arr) newArr.splice( newArr.findIndex(i => i === item), 1)
filter
const newArr = Object.create(arr) newArr.filter(i => i !== item)
indexOf, splice
const newArr = Object.create(arr) newArr.splice( newArr.indexOf(item), 1)
indexOf, splice, check
const newArr = Object.create(arr) const index = newArr.indexOf(item) if (index !== -1) { newArr.splice(index, 1) }
for, splice
const newArr = Object.create(arr) for (i = 0; i < newArr.length; i++) { if (newArr[i] === item) { newArr.splice(i, 1) break } }