jQuery remove item from serialized array

Question

I'm trying to figure out how to remove item from serializedArray by using the index. The following scenario:

[ 
    { 'name' : 'item1', 'value' : '1' }, 
    { 'name' : 'item2', 'value' : '2' }, 
    { 'name' : 'item3', 'value' : 3 } 
]

Now I would like to remove 'item2' - I can use the following function - but not sure how to remove it - is there some sort of unset() method or something like this:?

serializeRemove : function(thisArray, thisName) {
    "use strict";
    $.each(thisArray, function(index, item) {
        if (item.name == thisName) {
            // what to do here ?        
        }
    });
}

Where does this serialzed array come from? could you exclude it from the collection that creates this serialized array? — user400654
– user400654, Commented Dec 3, 2012 at 16:49

Sirko · Accepted Answer · 2012-12-03 16:40:32Z

4

You could use vanilla JS' filter() method like this:

serializeRemove : function(thisArray, thisName) {
    "use strict";
    return thisArray.filter( function( item ) {
               return item.name != thisName;
           });
}

filter() uses the callback function to test each element of the array. If the function returns true the element will be in the result. If it returns false, the element will be dropped.

filter() is supported by all major browsers and IE9+.

answered Dec 3, 2012 at 16:40

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

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

Comments

Cymen · Accepted Answer · 2019-05-14 12:28:24Z

3

You can use delete which is a standard JavaScript operator: http://jsfiddle.net/2NsUD/

var array = [ 
    { 'name' : 'item1', 'value' : '1' }, 
    { 'name' : 'item2', 'value' : '2' }, 
    { 'name' : 'item3', 'value' : 3 } 
];

var arrayClean = function(thisArray, thisName) {
    "use strict";
    $.each(thisArray, function(index, item) {
        if (item.name == thisName) {
            delete thisArray[index];      
        }
    });
}

console.log(array);
arrayClean(array, 'item3');
console.log(array);

edited May 14, 2019 at 12:28

answered Dec 3, 2012 at 16:39

Cymen

14.5k4 gold badges58 silver badges77 bronze badges

3 Comments

Salman Arshad Over a year ago

Keep in mind that the length of array remains unaffected -- which may not be desired.

Cymen Over a year ago

Good point -- there are other options that will decrease the length: stackoverflow.com/questions/500606/…

fudu Over a year ago

"delete array[index];" should be "delete thisArray[index]; " to make this work

Collectives™ on Stack Overflow

jQuery remove item from serialized array

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related