How to remove a specific element in array in JavaScript

Question

If I have array, for example:

a = ["a", "b", "c"]

I need something like

a.remove("a");

How can I do this?

Settle Down. I'm coming up with a duplicate for you since you clearly didn't search for yourself. — , Jun 07 '12 at 22:20
arr.splice(arr.indexOf(elm),1) will remove an element 'elm' from array 'arr' — Gautam Sharma, Aug 21 '18 at 19:34

score 12 · Accepted Answer · edited Apr 12 '20 at 01:36

12

var newArray = [];
var a=["a","b","c"];
for(var i=0;i<a.length;i++)
    if(a[i]!=="a") 
        newArray.push(a[i]);

As of newer versions of JavaScript:

var a = ["a","b","c"];
var newArray = a.filter(e => e !== "a");

edited Apr 12 '20 at 01:36

Peter Mortensen

28,342
21
95
123

answered Jun 07 '12 at 22:18

Danilo Valente

10,599
8
49
65

2

You know there is `.splice` right? – Derek 朕會功夫 Jun 07 '12 at 22:19
2

Yes, I know. But I'm considering that the array can have more than one "a" – Danilo Valente Jun 07 '12 at 22:21
I didn't think of that. Good point. +1 – Derek 朕會功夫 Jun 07 '12 at 22:22
The array has only unique values ! – Adham Jun 07 '12 at 22:27

score 7 · Answer 2 · answered Jun 07 '12 at 22:17

remove = function(ary, elem) {
    var i = ary.indexOf(elem);
    if (i >= 0) ary.splice(i, 1);
    return ary;
}

provided your target browser suppports array.indexOf, otherwise use the fallback code on that page.

If you need to remove all equal elements, use filter as Rocket suggested:

removeAll = function(ary, elem) {
    return ary.filter(function(e) { return e != elem });
}

Rocket Hazmat · Answer 3 · 2012-06-07T22:24:40.690

3

If you're using a modern browser, you can use .filter.

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

var a = ["a","b","c"];
var b = a.remove('a');

edited Jun 07 '12 at 22:24

answered Jun 07 '12 at 22:17

Rocket Hazmat

204,503
39
283
323

score 2 · Answer 4 · edited Apr 12 '20 at 01:39

2

I came up with a simple solution to omit the necessary element from the array:

<script>
    function myFunction()
    {
        var fruits = ["One", "Two", "Three", "Four"];

        <!-- To drop the element "Three"-->
        <!-- splice(elementid, number_of_element_remove) -->
        fruits.splice(2, 1);

        var x = document.getElementById("demo");
        x.innerHTML = fruits;
    }
</script>

edited Apr 12 '20 at 01:39

Peter Mortensen

28,342
21
95
123

answered Dec 10 '13 at 05:58

Milinda Bandara

512
7
21

this is valid for Array and arraylist both – Milinda Bandara Dec 10 '13 at 06:01

score 0 · Answer 5 · edited Apr 12 '20 at 01:37

0

If you don't mind the additional payload (around 4 kB minified and gzipped) you could use the without function of the Underscore.js library:

_.without(["a", "b", "c"], "a");

Underscore.js would give you this function + a lot of very convenient functions.

edited Apr 12 '20 at 01:37

Peter Mortensen

28,342
21
95
123

answered Jun 07 '12 at 22:26

Jerome WAGNER

20,021
6
55
73

score 0 · Answer 6 · edited Apr 12 '20 at 01:40

0

let xx = ['a','a','b','c'];  // Array
let elementToRemove = 'a';  // Element to remove
xx =xx.filter((x) => x != elementToRemove) // xx will contain all elements except 'a'

edited Apr 12 '20 at 01:40

Peter Mortensen

28,342
21
95
123

answered Nov 29 '17 at 14:04

Siddhartha

1,073
10
9

How to remove a specific element in array in JavaScript

6 Answers6