Remove an object in array from array

Question

I want to delete the 1 ids of cardItems of my list with 0 ids and keep the order of the lists. what is the best way?

   lists: [
        {
          id: '0',
          title: 'LIST 1',
          cardItems: [
            {
              id: '0',
              text: 'Card 1',
            },
            {
              id: '1',
              text: 'Card 2',
            },
            {
              id: '2',
              text: 'Card 3',
            },
          ],
        },
    ]

Please provide the expected output. However, this looks like the kind of question that has been asked several times before. — trincot
– trincot, Commented Jan 17, 2021 at 10:58
Your description is not clear, please write your description clearly. Of course, I probably think your question is similar to this question stackoverflow.com/questions/42005096/… — Farid Vatani
– Farid Vatani, Commented Jan 17, 2021 at 11:11

Majed Badawi · Accepted Answer · 2021-01-17 11:04:02Z

0

You can use .find to get the list item by id, and then remove the card item using .filter:

const lists = [
  {
    id: '0',
    title: 'LIST 1',
    cardItems: [
      { id: '0', text: 'Card 1' },
      { id: '1', text: 'Card 2' },
      { id: '2', text: 'Card 3' },
    ],
  },
];

const removeCardItem = (list, listItemId, cardItemId) => {
  const arr = [...list];
  // get list item by id
  const item = arr.find(listItem => listItem.id === listItemId);
  // remove card item by id if found
  if(item)
    item.cardItems = item.cardItems.filter(cardItem =>
      cardItem.id !== cardItemId
    );
  return arr;
}

console.log( removeCardItem(lists, '0', '1') );

answered Jan 17, 2021 at 11:04

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Remove an object in array from array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related