Removing elements from an array by value in Javascript

Question

It's a bit fuzzy for me, but I'm trying to create a simple function that takes an array and some arguments and removes the arguments from the array.

For example if I have an array such as [1,2,3,4] and the arguments 2,3 it would return [1,4] as a result.

This is what I have so far:

const removeFromArray = (arr) => {
    let args = Array.from(arguments);

    return arr.filter(function (item) {
        !args.includes(item);
    });
}

It doesn't work though. It works if I want to remove all the items from the array, but doesn't if I only go for specific ones.

How can I make this work so that it works even if I'm supplying an argument that is not part of the array (I want it to ignore those) and also if I have strings in the array as well?

Thanks in advance!

please add the call of the function as well.

Nina Scholz
– Nina Scholz

2018-10-20 15:25:05 +00:00
Commented Oct 20, 2018 at 15:25 — Nina Scholz
– Nina Scholz, Commented Oct 20, 2018 at 15:25

Nina Scholz · Accepted Answer · 2018-10-20 15:27:21Z

4

You could take rest parameters ... for the items to exclude the values.

const removeFromArray = (array, ...items) => array.filter(item => !items.includes(item));

console.log(removeFromArray([1, 2, 3, 4], 1, 4))

To use you style, you need to exclude the first item of arguments, because this is the array with all items.

let args = Array.from(arguments).slice(1);
//                              ^^^^^^^^^

answered Oct 20, 2018 at 15:27

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ele · Accepted Answer · 2018-10-20 15:33:38Z

2

In arrow functions the implicit object arguments doesn't exist, so declare the function using the keyword function, likewise, you need to return the result of the function includes within the handler of the function filter.

const removeFromArray = function() {
    let [arr, ...args] = Array.from(arguments);
    return arr.filter(function (item) {
        return !args.includes(item);
    });
}

console.log(removeFromArray([1,2,3,4], 2, 3));

edited Oct 20, 2018 at 15:33

answered Oct 20, 2018 at 15:30

Ele

33.8k7 gold badges43 silver badges80 bronze badges

Comments

Marcel T. · Accepted Answer · 2018-10-20 15:51:25Z

0

Add a second parameter for the items you want to have removed.

const removeFromArray = (arr, toBeRemoved) => {
    return arr.filter(item => !toBeRemoved.includes(item));
}

Example call:

const array = [1, 2, 3, 4]
const newArray = removeFromArray(arr, [2, 3])
console.log(newArray) // [1, 4]

answered Oct 20, 2018 at 15:51

Marcel T.

1267 bronze badges

Comments

nikksan · Accepted Answer · 2018-10-20 15:34:30Z

-1

Stick it to the Array.prototype, might use it somewhere else

Array.prototype.remove = function(...args) {
  return this.filter(v => !args.includes(v));
}

answered Oct 20, 2018 at 15:34

nikksan

3,4914 gold badges25 silver badges32 bronze badges

Collectives™ on Stack Overflow

Removing elements from an array by value in Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related