How to remove an object from Object array in angularjs

Question

I have an array of objects and want to remove one object from this array:

var objectArray = [{"id":"John Doe","label":"John Doe","shape":"image","image":"app/data/img/user_icon.png","color":{"background":"#db630d","border":"#7c3400"},"level":0},{"id":"JavaScript","label":"JavaScript","size":30,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"C#","label":"C#","size":40,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"css","label":"css","size":40,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"develop","label":"develop","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2},{"id":"programming","label":"programming","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2},{"id":"frontend","label":"frontend","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2}]

var singleNode = {"id":"frontend","label":"frontend","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2}

i want to remove this object from object array mentioned above.. how can i do that using angularjs or javascript?

"angularjs or javascript?" please learn the difference between them? please? --- Also, look into Array.prototype.filter — evolutionxbox
– evolutionxbox, Commented Apr 24, 2017 at 11:29
Possible duplicate of How to remove a particular element from an array in JavaScript? — evolutionxbox
– evolutionxbox, Commented Apr 24, 2017 at 11:32

Jyothi Babu Araja · Accepted Answer · 2017-04-24 11:30:56Z

You can use array filter if id of each object is unique.

Considering id as unique

var objectArray = [{"id":"John Doe","label":"John Doe","shape":"image","image":"app/data/img/user_icon.png","color":{"background":"#db630d","border":"#7c3400"},"level":0},{"id":"JavaScript","label":"JavaScript","size":30,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"C#","label":"C#","size":40,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"css","label":"css","size":40,"shape":"dot","color":{"background":"#00637c"},"level":1},{"id":"develop","label":"develop","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2},{"id":"programming","label":"programming","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2},{"id":"frontend","label":"frontend","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2}]

var singleNode = {"id":"frontend","label":"frontend","size":40,"shape":"box","color":{"background":"#65f759","border":"#65f759"},"level":2}

var filteredArray = objectArray.filter(function(item){
  return item.id !== "frontend";
});

console.log(filteredArray)

Zucca · Accepted Answer · 2017-04-24 11:33:21Z

0

let index = objectArray.findIndex(object => object.id === singleNode.id);
if (index != -1) {
    objectArray.splice(index, 1);
}

answered Apr 24, 2017 at 11:33

Zucca

6511 gold badge9 silver badges21 bronze badges

Comments

user7889392 · Accepted Answer · 2017-04-24 11:38:51Z

0

First, find the index of the element you want to remove:

var array = [2, 5, 9];
var index = array.indexOf(5);

Then remove it with splice:

if (index > -1) {
    array.splice(index, 1);
}

answered Apr 24, 2017 at 11:38

user7889392

Collectives™ on Stack Overflow

How to remove an object from Object array in angularjs

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related