Run results for: Array.filter VS Array.toSpliced for element deletion by value

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0

Browser: Firefox 134

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Array.toSpliced

30K/s

Array.filter

16K/s

View exact numbers

Test name	Executions per second
✓ Array.toSpliced	29,963 Ops/sec
Array.filter	16,181 Ops/sec

Script Preparation code:

function makeTestArray(sym) {
    const arr = Array.from({
        length: 10_000
    }).map((_, i) => i)

    arr[Math.floor(Math.random() * arr.length)] = sym
    return arr
}

Tests:

Array.toSpliced
const deleteElement = Symbol() const arr = makeTestArray(deleteElement) const deleteIndex = arr.findIndex((e) => e == deleteElement) const newArr = arr.toSpliced(deleteIndex, 1)
Array.filter
const deleteElement = Symbol() const arr = makeTestArray(deleteElement) const newArr = arr.filter((e) => e != deleteElement)

Run results for: Array.filter VS Array.toSpliced for element deletion by value

Benchmark the performance of creating a new array with an element removed by value / predicate using Array.filter or Array.toSpliced

Array.toSpliced

Array.filter