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

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.5845.967 YaBrowser/23.9.1.967 Yowser/2.5 Safari/537.36

Browser: Yandex Browser 23

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
findIndex + splice, first	204255.5 Ops/sec
findIndex + splice, last	127415.2 Ops/sec
filter, first	108969.1 Ops/sec
filter, last	102841.1 Ops/sec
indexOf + splice, first	184720.1 Ops/sec
indexOf + splice, last	308804.1 Ops/sec

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 } }

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

Comparison of "splice" and "filter" methods for removing an element from an array.

findIndex, splice

filter

indexOf, splice

indexOf, splice, check

for, splice