Search and remove object from json array

Question

I am trying to search a object and remove from json array

my json array of object looks like

var data = [{
    {id: "1", name: "Snatch", type: "crime"},
    {id: "2", name: "Witches of Eastwick", type: "comedy"},
    {id: "3", name: "X-Men", type: "action"},
    {id: "4", name: "Ordinary People", type: "drama"},
    {id: "5", name: "Billy Elliot", type: "drama"},
    {id: "6", name: "Toy Story", type: "children"}
}];

What I am try to achieve is if I have a object with Id=1
I can search the array match it with array and remove it from the array.

I am trying this by below code

function RemoveNode(id)
{
 data.forEach(function (emp) {
   if(emp.Id == id)
    {
      delete emp;
    }
  }
}

I am not able to get it work, kindly suggest a better way to do this

your data is not valid. either an array or an object, but the property is missing — Nina Scholz
– Nina Scholz, Commented Mar 21, 2016 at 9:41
@ankur data should be either an array (var data = [...]) or an object with a property (var data = {arr:[..]}). Currently it is an object without a property name! — Jamiec
– Jamiec, Commented Mar 21, 2016 at 9:43

isvforall · Accepted Answer · 2016-03-21 09:52:19Z

6

You're using not valid data structure, your array needs to be in square brackets []

For your case better to use filter function:

var data = [
    {id: "1", name: "Snatch", type: "crime"},
    {id: "2", name: "Witches of Eastwick", type: "comedy"},
    {id: "3", name: "X-Men", type: "action"},
    {id: "4", name: "Ordinary People", type: "drama"},
    {id: "5", name: "Billy Elliot", type: "drama"},
    {id: "6", name: "Toy Story", type: "children"}
];

function RemoveNode(id) {
    return data.filter(function(emp) {
        if (emp.id == id) {
            return false;
        }
        return true;
    });
}

var newData = RemoveNode("1");

document.write(JSON.stringify(newData, 0, 4));

answered Mar 21, 2016 at 9:52

isvforall

8,9166 gold badges39 silver badges52 bronze badges

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

8 Comments

Rajesh Dixit Over a year ago

You can directly do return emp.id != id. Look for @Jamiec's answer

isvforall Over a year ago

@Rajesh yeah, I see, thanks. Maybe my code more explains the logic of filter method, without magic

ankur Over a year ago

@isvforall if I want to select a particular node based on the id , like let say id = 3; it will give me a object {id: "3", name: "X-Men", type: "action"}, and I can do some business operation on it so how can I find this.

isvforall Over a year ago

@ankur so how can I find this find what? an index of that object in an array?

Jamiec Over a year ago

@ankur - thats the exact opposite of what your question asked!

|

Jamiec · Accepted Answer · 2016-03-21 09:41:45Z

4

A better way might be to filter your original array to remove the item you dont want.

Assuming data is really an array of objects (ie, does not have the error currently in your question)

function RemoveNode(id){
    return data.filter(function(e){
        return e.id !== id;
    });
}

You could also use splice, however that would require knowing the index of the item you want to remove, and by the time you've found that you may as well just filter!

answered Mar 21, 2016 at 9:41

Jamiec

136k15 gold badges143 silver badges202 bronze badges

Comments

Manwal · Accepted Answer · 2016-03-21 09:48:33Z

1

Consider this following code with forEach & splice, assuming data is array of objects:

var data = [
    {id: "1", name: "Snatch", type: "crime"},
    {id: "2", name: "Witches of Eastwick", type: "comedy"},
    {id: "3", name: "X-Men", type: "action"},
    {id: "4", name: "Ordinary People", type: "drama"},
    {id: "5", name: "Billy Elliot", type: "drama"},
    {id: "6", name: "Toy Story", type: "children"}
];

function RemoveNode(id){
    data.forEach(function(e, index){
    if(id == e.id){
        data.splice(index, 1);
    }
  })
}
RemoveNode(1);
console.log(data);

answered Mar 21, 2016 at 9:48

Manwal

23.9k15 gold badges65 silver badges95 bronze badges

Comments

RH-indra Poudel · Accepted Answer · 2016-03-21 09:45:09Z

0

try

using jquery you can do like this

function RemoveNode(id)
{

 $.each(data,function (key,val) {
   if(val.Id == id)
    {
      delete data[key];
    }
  }
}

answered Mar 21, 2016 at 9:45

RH-indra Poudel

312 bronze badges

2 Comments

Jamiec Over a year ago

There was absolutely no need for JQuery in this answer! All that burdon for $.each!

Barmar Over a year ago

Why do you need to use jQuery? Can't you do the same thing with data.forEach?

Rajesh Dixit · Accepted Answer · 2016-03-21 09:45:18Z

You will have to use delete from array and not current iteration.

You can try this:

var data = [
    {id: "1", name: "Snatch", type: "crime"},
    {id: "2", name: "Witches of Eastwick", type: "comedy"},
    {id: "3", name: "X-Men", type: "action"},
    {id: "4", name: "Ordinary People", type: "drama"},
    {id: "5", name: "Billy Elliot", type: "drama"},
    {id: "6", name: "Toy Story", type: "children"}
];

data.forEach(function(emp, index){
  if(emp.id==1){
    delete data[index];
  }
});

document.write("<pre>" + JSON.stringify(data,0,4) + "</pre>")

Also if you want to remove value based on condition, you should try Array.filter

var data = [
  {id: "1", name: "Snatch", type: "crime"},
  {id: "2", name: "Witches of Eastwick", type: "comedy"},
  {id: "3", name: "X-Men", type: "action"},
  {id: "4", name: "Ordinary People", type: "drama"},
  {id: "5", name: "Billy Elliot", type: "drama"},
  {id: "6", name: "Toy Story", type: "children"}
];

var result = data.filter(function(emp){ return emp.id != 1 });

document.write("<pre>" + JSON.stringify(result,0,4) + "</pre>");

Nina Scholz · Accepted Answer · 2016-03-21 09:46:45Z

0

I suggest to use Array#some() in combination with Array#splice()

var data = [{ id: "1", name: "Snatch", type: "crime" }, { id: "2", name: "Witches of Eastwick", type: "comedy" }, { id: "3", name: "X-Men", type: "action" }, { id: "4", name: "Ordinary People", type: "drama" }, { id: "5", name: "Billy Elliot", type: "drama" }, { id: "6", name: "Toy Story", type: "children" }];

function del(id) {
    var index;
    data.some(function (a, i) {
        if (a.id === id) {
            index = i;
            return true;
        }
    }) && data.splice(index, 1);
}

del('1');
document.write('<pre>' + JSON.stringify(data, 0, 4) + '</pre>');

answered Mar 21, 2016 at 9:46

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Barmar Over a year ago

If there are more than one matching elements, this will only remove one of them.

Jamal James · Accepted Answer · 2016-03-21 10:11:22Z

0

You must assign the array to a key in your object/json.

Then use filter to make a condition on every object! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Code:

var data = {"data": [
    {"id": 1, "name": "New York"},
    {"id": 2, "name": "Dubai"},
    {"id": 3, "name": "Brabrand"},
    {"id": 4, "name": "Anything"}
]}.data;

var removeId = 2

var newData = data.filter(function(object) {
  return object.id !== removeId;
}) 

console.log(newData);

edited Mar 21, 2016 at 10:11

answered Mar 21, 2016 at 9:50

Jamal James

912 silver badges9 bronze badges

1 Comment

Rajesh Dixit Over a year ago

I guess this is not what OP is looking.

Collectives™ on Stack Overflow

Search and remove object from json array

7 Answers 7

8 Comments

Comments

Comments

2 Comments

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

8 Comments

Comments

Comments

2 Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related