How to remove n from an array without mutating it?

Question

Hi this question needed to be deleted

`Array.filter()` creates a new array with all the elements removed that return false on the filter function. Removing an item inside the array, by mutating it, can be done with `Array.splice()`. — Shilly, Dec 18 '18 at 12:46
Possible duplicate of [How do I remove a particular element from an array in JavaScript?](https://stackoverflow.com/questions/5767325/how-do-i-remove-a-particular-element-from-an-array-in-javascript) — SimoV8, Dec 18 '18 at 13:33

AnonymousSB · Accepted Answer · 2018-12-18T13:43:43.843

You could use filter or reduce, or copy the array first by using slice, and then perform splice.

Personally, I like filter for its simplicity, and clear intention

filter

function removeItem(array, n) {
  return array.filter((elem, i) => i !== n);
}

const original = [1,2,3,4];

console.log(removeItem(original, 1));
console.log(original);

reduce

function removeItem (array, n) {
  return array.reduce((result, elem, i) => {
    if (i !== n) result.push(elem);
    return result;
  }, [])
}

const original = [1,2,3,4];

console.log(removeItem(original, 1));
console.log(original);

slice and splice

function removeItem(array, n) {
  const result = array.slice();
  result.splice(n, 1);
  return result;
}

const original = [1,2,3,4];

console.log(removeItem(original, 1));
console.log(original);

Performance Test

https://jsperf.com/so53833297

Documentation

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

score 2 · Answer 2 · answered Dec 18 '18 at 12:50

2

function removeItem(array, n) {
    return array.filter((x, i) => i != n)
}

answered Dec 18 '18 at 12:50

Max

91
4