Javascript - remove an array item by value [duplicate]

Question

My situation:

var id_tag = [1,2,3,78,5,6,7,8,47,34,90];

I would like to delete where id_tag = 90 and to return:

var id_tag = [1,2,3,78,5,6,7,8,47,34];

How can I do that?

I think the question heading should be "JS - Remove an array element by value in JavaScript" — kta
– kta, Commented Jan 27, 2014 at 0:47
@kta It is! You used your mental-mind-powers and the heading reformed itself. Magic. — User2
– User2, Commented May 22, 2014 at 8:53
@User2 : I do believe in magic but in this case the Author had changed the question title after I wrote my first comment.:) — kta
– kta, Commented May 31, 2014 at 17:17
See also: Remove item from array by value and Remove specific element from an array? — Bergi
– Bergi, Commented Aug 11, 2014 at 16:49

Community · Accepted Answer · 2017-05-23 12:17:08Z

227

You'll want to use JavaScript's Array splice method:

var tag_story = [1,3,56,6,8,90],
    id_tag = 90,
    position = tag_story.indexOf(id_tag);

if ( ~position ) tag_story.splice(position, 1);

P.S. For an explanation of that cool ~ tilde shortcut, see this post:

Using a ~ tilde with indexOf to check for the existence of an item in an array.

Note: IE < 9 does not support .indexOf() on arrays. If you want to make sure your code works in IE, you should use jQuery's $.inArray():

var tag_story = [1,3,56,6,8,90],
    id_tag = 90,
    position = $.inArray(id_tag, tag_story);

if ( ~position ) tag_story.splice(position, 1);

If you want to support IE < 9 but don't already have jQuery on the page, there's no need to use it just for $.inArray. You can use this polyfill instead.

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered Aug 22, 2011 at 3:33

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

5 Comments

alex Over a year ago

+1 for the safety net.

RobG Over a year ago

I wouldn't inlcude jQuery just for that. A simple indexOf function is available in the MDN docs

Joseph Silber Over a year ago

@RobG: Absolutely right. I just assumed that since he tagged his question with jquery, he already has jQuery on the page

Dustin Wyatt Over a year ago

As noted in the comments to the linked explanation of using the tilde...don't use the tilde. It's unclear for basically no benefit.

jperelli Over a year ago

tilde is not cool. Unmaintainable code is NOT cool!

Pete · Accepted Answer · 2011-08-22 03:51:05Z

19

If you're going to be using this often (and on multiple arrays), extend the Array object to create an unset function.

Array.prototype.unset = function(value) {
    if(this.indexOf(value) != -1) { // Make sure the value exists
        this.splice(this.indexOf(value), 1);
    }   
}

tag_story.unset(56)

answered Aug 22, 2011 at 3:51

Pete

2,2461 gold badge18 silver badges25 bronze badges

1 Comment

Andre Figueiredo Over a year ago

Not good to extend native JS objects. Plus, OP wants to return the new array with the element removed.. it would be nice to return the new array..

Eli Grey · Accepted Answer · 2011-08-22 03:29:50Z

14

tag_story.splice(tag_story.indexOf(id_tag), 1);

answered Aug 22, 2011 at 3:29

Eli Grey

36k14 gold badges80 silver badges96 bronze badges

11 Comments

Peter Olson Over a year ago

Look at the question more carefully, it looks like he wants to remove a value from an array, not an index.

alex Over a year ago

@Peter Removing an index removes the associated value.

Joseph Silber Over a year ago

This code is dangerous! If the value of id_tag is not found, it'll delete the last item in the array!! You'll have to first check if id_tag was found. See my answer.

Filippo oretti Over a year ago

@Matt : when stacks allows me :)) (5 minutes)

Joseph Silber Over a year ago

@Ispuk: This is a very bad habit. You should never use code simply because "it does what I need". You should carefully consider the consequences of every single line of code!!!

|

Aleck Landgraf · Accepted Answer · 2014-07-29 01:15:19Z

5

I like to use filter:

var id_tag = [1,2,3,78,5,6,7,8,47,34,90];

// delete where id_tag = 90
id_tag = id_tag.filter(function(x) {
    if (x !== 90) {
      return x;
    }
});

answered Jul 29, 2014 at 1:15

Aleck Landgraf

1,56514 silver badges14 bronze badges

2 Comments

Robert Over a year ago

If you return x; in the callback then filter will also delete where Boolean(id_tag) = false. I think that's unintended.

klausf Over a year ago

Short way: id_tag = id_tag.filter(x => x !== 90);

disfated · Accepted Answer · 2013-10-16 16:13:35Z

4

As a variant

delete array[array.indexOf(item)];

If you know nothing about delete operator, DON'T use this.

edited Oct 16, 2013 at 16:13

answered Sep 25, 2011 at 20:04

disfated

11k13 gold badges42 silver badges52 bronze badges

3 Comments

Afshin Mehrabani Over a year ago

Not a good solution, if you use delete keyword, you will have an undefined element in the array finally.

Olle Härstedt Over a year ago

This was actually exactly what I needed. Together with array.forEach, I can easily loop through defined indecis.

Mike_K Over a year ago

Just a heads up that delete will blow up IE8 or lower...

Peter Olson · Accepted Answer · 2014-11-19 22:08:24Z

4

function removeValue(arr, value) {
    for(var i = 0; i < arr.length; i++) {
        if(arr[i] === value) {
            arr.splice(i, 1);
            break;
        }
    }
    return arr;
}

This can be called like so:

removeValue(tag_story, 90);

edited Nov 19, 2014 at 22:08

answered Aug 22, 2011 at 3:30

Peter Olson

144k49 gold badges209 silver badges249 bronze badges

3 Comments

Filippo oretti Over a year ago

this doesn't works as i espected ... the Eli code was exactly what i needed but it doesn't works on IE, check that and check your code , they do not same work :( ...

Andre Figueiredo Over a year ago

this does not return the new array...

Peter Olson Over a year ago

@AndreFigueiredo Thanks, I've edited to fix it.

yckart · Accepted Answer · 2013-10-27 09:52:13Z

3

Here are some helper functions I use:

Array.contains = function (arr, key) {
    for (var i = arr.length; i--;) {
        if (arr[i] === key) return true;
    }
    return false;
};

Array.add = function (arr, key, value) {
    for (var i = arr.length; i--;) {
        if (arr[i] === key) return arr[key] = value;
    }
    this.push(key);
};

Array.remove = function (arr, key) {
    for (var i = arr.length; i--;) {
        if (arr[i] === key) return arr.splice(i, 1);
    }
};

edited Oct 27, 2013 at 9:52

answered Apr 1, 2013 at 2:24

yckart

33.6k11 gold badges126 silver badges133 bronze badges

1 Comment

Andre Figueiredo Over a year ago

OP wants to return the new array. he doesn't want to return the removed value..

Peter Mortensen · Accepted Answer · 2013-02-26 22:17:35Z

2

You'll want to use .indexOf() and .splice(). Something like:

tag_story.splice(tag_story.indexOf(90),1);

edited Feb 26, 2013 at 22:17

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Aug 22, 2011 at 3:30

J. Holmes

18.6k5 gold badges49 silver badges52 bronze badges

Comments

Gourav Sahare · Accepted Answer · 2016-05-02 12:32:01Z

1

You can use lodash.js

_.pull(arrayName,valueToBeRemove);

In your case :- _.pull(id_tag,90);

answered May 2, 2016 at 12:32

Gourav Sahare

113 bronze badges

2 Comments

André Kool Over a year ago

Please add some explenation to your answer and possibly the link to your source.

Gourav Sahare Over a year ago

Hope this might help @Andre from [ lodash documnetation](lodash.com/docs#pull)

Siddhartha · Accepted Answer · 2017-11-29 14:20:52Z

0

var id_tag = [1,2,3,78,5,6,7,8,47,34,90]; 
var delete_where_id_tag = 90
    id_tag =id_tag.filter((x)=> x!=delete_where_id_tag);

answered Nov 29, 2017 at 14:20

Siddhartha

1,58315 silver badges10 bronze badges

Collectives™ on Stack Overflow

Javascript - remove an array item by value [duplicate]

10 Answers 10

5 Comments

1 Comment

11 Comments

2 Comments

3 Comments

3 Comments

1 Comment

Comments

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

5 Comments

1 Comment

11 Comments

2 Comments

3 Comments

3 Comments

1 Comment

Comments

2 Comments

Comments

Linked

Related