JS How to remove an object from array in a forEach loop?

Question

I have a data object with following contents:

{
  "content": {
    "id": "someID",
    "type": "unit",
    "method": "xyz",
    "blocks": [{
      "key": "blue",
      "data": [
        "Array"
      ]
    }, {
      "key": "red",
      "data": [
        "Array"
      ]
    }, {
      "key": "yellow",
      "data": [
        "Array"
      ]
    }, {
      "key": "black",
      "data": [
        "Array"
      ]
    }],
    "notes": "abc"
  }
}

I want to remove block that has key yellow, by looping over blocks, rest of the data should be preserved as is. So expected end result would be

{
  "content": {
    "id": "someID",
    "type": "unit",
    "method": "xyz",
    "blocks": [{
      "key": "blue",
      "data": [
        "Array"
      ]
    }, {
      "key": "red",
      "data": [
        "Array"
      ]
    }, {
      "key": "black",
      "data": [
        "Array"
      ]
    }],
    "notes": "abc"
  }
}

Data is dynamic so I dont know what would be returned, it might have a match for my condition or it might not.

I've tried a bunch of approaches but nothing seems to have worked so far. I can use lodash too if its any easier. None of those seems to be working. Any help/direction is appreciated

1. Using **delete**

const deleteUnwantedBlock = contentObj => {
  const updatedData = contentObj;
  const blocks = _.get(updatedData, 'blocks', []);

  blocks.forEach(block => {
    if (block.key.includes('yellow')) {
      delete updatedData.block;
    }
  });
  return updatedData;
};

console.log(deleteUnwantedBlock(data.content));```



2. Using rest operator:

    const deleteUnwantedBlock = contentObj => {
      const blocks = _.get(contentObj, 'blocks', []);
      blocks.forEach(block => {
        if (block.key.includes('yellow')) {
          let { block, ...restOfTheData } = updatedData;
        }
        return { ...updatedEntry };
      });
    };

    console.log(deleteUnwantedBlock(data.content));

Should be pretty straight forward with a filter data.content.blocks = data.content.blocks.filter(o=>o.key==='yellow'); — Imran
– Imran, Commented Feb 20, 2019 at 6:01
Possible duplicate of Javascript: How to filter object array based on attributes? — adiga
– adiga, Commented Feb 20, 2019 at 6:55
I dont see it as a duplicate, I didnt know I could use filter before posting my question — user988544
– user988544, Commented Feb 20, 2019 at 21:17

Snow · Accepted Answer · 2019-02-20 05:58:56Z

6

You just need to filter:

const obj = {
  "content": {
    "id": "someID",
    "type": "unit",
    "method": "xyz",
    "blocks": [{
      "key": "blue",
      "data": [
        "Array"
      ]
    }, {
      "key": "red",
      "data": [
        "Array"
      ]
    }, {
      "key": "yellow",
      "data": [
        "Array"
      ]
    }, {
      "key": "black",
      "data": [
        "Array"
      ]
    }],
    "notes": "abc"
  }
};
obj.content.blocks = obj.content.blocks.filter(({ key }) => key !== 'yellow');
console.log(obj);

answered Feb 20, 2019 at 5:58

Snow

4,1463 gold badges16 silver badges43 bronze badges

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

3 Comments

user988544 Over a year ago

Can I check something like .includes using filter? like if the key value is 'some thing yellow'

Snow Over a year ago

Sure, ({ key }) => key.includes('yellow')

user988544 Over a year ago

Great that worked! I'll accept your answer when SO lets me to :)

Collectives™ on Stack Overflow

JS How to remove an object from array in a forEach loop?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related