Removing object from array in array object

Question

I have a complex Array of objects, each object has it's own tag Array.

I also have just an object which should match one of the objects in the tag Array, and if so remove that tag.

Got some help here, however my example there was too simple, so far no luck with this below.

Basically I have the object tag and I need to remove it from the tags Array inside of tagsArray.

var tagsArray = [{
        name: "group1",
        tags: [
            {
                name: "1",
                tag_id: "1234"
            },
            {
                name: "2",
                tag_id: "5678"
            },
            {
                name: "3",
                tag_id: "9012"
            }
         ]
},
{
    name: "group2",
    tags: []
}
];

console.log(tagsArray[0]);

// Need to find this inside of tags inside of tagsArray and remove it:
var tag = {
    name: "3",
    tag_id: "9012"
}

var temp_array = [];
temp_array.push(tag);

var map = {};

tagsArray.forEach(function(obj, index) {
    map[obj.tag_id] = index;
});

console.log(map);


temp_array.forEach(function(obj) {
    if ( obj.tag_id ) {
        tagsArray.splice(tagsArray[map[obj.tag_id]]);
        console.log(tagsArray);
    }
});

Daniel Imms · Accepted Answer · 2015-04-30 20:40:25Z

2

You can loop through each item in tagsArray and then filter our matching elements in the inner tags property.

var tagsArray = [{
  name: "group1",
  tags: [{
    name: "1",
    tag_id: "1234"
  }, {
    name: "2",
    tag_id: "5678"
  }, {
    name: "3",
    tag_id: "9012"
  }]
}, {
  name: "group2",
  tags: []
}];

// Need to find this inside of tags inside of tagsArray and remove it:
var removeTag = {
  name: "3",
  tag_id: "9012"
}

var message = 'Before:<br>' + JSON.stringify(tagsArray) + '<br><br>';

tagsArray.forEach(function(element) {
  element.tags = element.tags.filter(function(tag) {
    return tag.name != removeTag.name && tag.tag_id != removeTag.tag_id;
  })
});

message += 'After:<br>' + JSON.stringify(tagsArray);
document.body.innerHTML = message

answered Apr 30, 2015 at 20:40

Daniel Imms

50.6k19 gold badges157 silver badges170 bronze badges

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

1 Comment

Leon Gaban Over a year ago

Thanks, this does work in jsfiddle, just don't understand why in my dev code it removes every single tag now :(

Adem İlhan · Accepted Answer · 2015-04-30 21:43:23Z

1

The solution of Daniel Imms is totally fine, but this one also can solve your problem, and it is a bit faster.

var tagsArray = [{
  name: "group1",
  tags: [{
    name: "1",
    tag_id: "1234"
  }, {
    name: "2",
    tag_id: "5678"
  }, {
    name: "3",
    tag_id: "9012"
  }]
}, {
  name: "group2",
  tags: [{
    name: "4",
    tag_id: "1012"
  }]
}];

var removedTag = {
  name: "4",
  tag_id: "1012"
};

var message = 'Before:</br>' + JSON.stringify(tagsArray) + '</br></br>';

tagsArray.forEach(function(obj, i) {
  obj.tags.forEach(function(tag, j) {
    if (tag.tag_id === removedTag.tag_id && tag.name === removedTag.name) {
      obj.tags.splice(j, 1);
      return;
    }
  });
});

message += 'After:</br>' + JSON.stringify(tagsArray);

document.body.innerHTML = message

I tested with jsPerf and here is the link and here is the result. enter image description here

answered Apr 30, 2015 at 21:43

Adem İlhan

1,5103 gold badges16 silver badges27 bronze badges

1 Comment

Leon Gaban Over a year ago

Thanks! Choosing this one, because it also solves my problem in development code. The filter was for some reason removing all my tag objects.

Collectives™ on Stack Overflow

Removing object from array in array object

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related