How to remove array from array using Javascript?

Question

I have an array

var arr = [{"id":"1","name":"One"},{"id":"2","name":"Two"}] 

I push to the array

arr.push(X) 

But how can I remove for example {"id":"1","name":"One"} from this array by name?

Answer 1

In plain javascript, you have to search through the array looking for a name match in each object and then remove that object:

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

Or if there might be more than one match and you want to remove all the matches there are, you can do this (does a backward traversal and doesn't return when it finds a match):

function removeFromArrayByName(arr, name) { for (var i = arr.length - 1; i >= 0; i--) { if (arr[i].name === name) { arr.splice(i, 1); } } } 

Or, you could even make it more generic where you pass in the property name to search too:

function removeFromArrayByName(arr, prop, val) { for (var i = arr.length - 1; i >= 0; i--) { if (arr[i][prop] === val) { arr.splice(i, 1); } } } 

Answer 2

The question is for plain js but if you use jquery, you can write a function like this:

function removeByName(arr, key){ return $.grep(arr, function (n,i) { return n.name != key; }); } 

In your case, I will call removeByName(arr,'One');