How can I remove an element from an array with javascript / jQuery?

Question

I am setting an element in an array like this:

dialogs[id] = $.modal({
    title: "Admin",
    closeButton: true,
    content: content,
    width: false,
    resizeOnLoad: true,
    buttons: {
        'Close': function (win) {
            win.closeModal();
        }
    }
}).find('form') // Attach logic on forms
.submit(formSubmitHandler)
.end();

Later on I check if exists like this:

if (!dialogs[id]) {
    loadAndShowDialog(id, link, url);
}

How can I remove the id record from the dialogs array? Is there something like a dialogs[id].Remove() ?

You will need to use splice(), see first answer here: stackoverflow.com/questions/500606/… — Armatus
– Armatus, Commented Apr 23, 2012 at 8:02

Royi Namir · Accepted Answer · 2012-04-23 08:11:33Z

3

the command is : (set it to undefined)

delete dialogs[id];

if you want to completely remove : use splice.

edit

I mistakely thought that its is an object property which you want to remove ( delete will be fine here - and only solution)

howevert - you have an Array and the correct answer is to use splice.

edited Apr 23, 2012 at 8:11

answered Apr 23, 2012 at 8:01

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

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

1 Comment

Armatus Over a year ago

Be aware that delete does not actually remove the element but rather replaces it with undefined.

Florian Margaine · Accepted Answer · 2012-04-23 08:10:56Z

1

I suggest you take a look at this tutorial. It explains really well how to play with arrays in javascript.

The delete method doesn't delete an element, it just replaces it with undefined. To delete elements from an array, you need splice.

According to MDN, here is how to use it:

array.splice(index , howMany[, element1[, ...[, elementN]]])

So, you need the index where you want to start deleting, and howMany is the number of elements you want to delete.

For your case, it'd be:

dialogs.splice( dialogs.indexOf( id ), 1 )

Note the use of indexOf to find out the index of the id value.

answered Apr 23, 2012 at 8:10

Florian Margaine

61.2k15 gold badges94 silver badges120 bronze badges

Comments

Joseph · Accepted Answer · 2012-04-23 08:09:36Z

0

when removing an item from an array, use splice

dialogs.splice(id,1); //remove "1" item starting from index "id"

note that this removes the item, and changes the array length. so in an array of 3, if i spliced this way, the array will now have a length of 2.

using delete will not affect the array, but leave that location undefined. it's like "unsetting" or "leaving a hole" in that location.

delete dialogs[id];  //value at index "id" is now undefined

answered Apr 23, 2012 at 8:09

Joseph

120k31 gold badges186 silver badges238 bronze badges

Comments

Manishearth · Accepted Answer · 2012-04-23 08:11:23Z

0

You can use

delete dialogd[id]; //will not remove element, will set it to undefined

or

dialogs.splice(id,1); //will not work in case of non-numeric indices

Choose whichever one is appropriate. I prefer the second.

edited Apr 23, 2012 at 8:11

answered Apr 23, 2012 at 8:03

Manishearth

16.3k8 gold badges61 silver badges77 bronze badges

Collectives™ on Stack Overflow

How can I remove an element from an array with javascript / jQuery?

4 Answers 4

edit

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

edit

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related