JavaScript Array Filtering and Mapping Problem. How to do nesting filtering?

Question

Suppose, I have an array.

const arr = [
      {
        category: 'Diner',
        item: [
          {name: 'Chicken Rice', price: 200},
          {name: 'Mutton Rice', price: 300},
        ],
      },
      {
        category: 'Breakfast',
        item: [
          {name: 'Tea Bisuit', price: 100},
          {name: 'Bread Butter', price: 300},
          {name: 'Green Tea', price: 80},
        ],
      },
    ];

How can I filter the array according to the item name? For example, how can I filter the array with the item name Green Tea?

Output must be like this:

arr = [
        {
          category: 'Breakfast',
          item: [
            {name: 'Green Tea', price: 80},
          ],
       },
     ];

hgb123 · Accepted Answer · 2020-12-03 04:47:33Z

2

You could map through arr, with each element, filter item to which match the term

After that, filter the arr again to reject the elements whose item is empty

const arr = [ { category: "Diner", item: [ { name: "Chicken Rice", price: 200 }, { name: "Mutton Rice", price: 300 }, ], }, { category: "Breakfast", item: [ { name: "Tea Bisuit", price: 100 }, { name: "Bread Butter", price: 300 }, { name: "Green Tea", price: 80 }, ], }, ]

const term = "Green Tea"

const res = arr
  .map((categoryAndItems) => ({
    category: categoryAndItems.category,
    item: categoryAndItems.item.filter((item) => item.name === term),
  }))
  .filter((categoryAndItems) => categoryAndItems.item.length > 0)

console.log(res)

answered Dec 3, 2020 at 4:47

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

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

2 Comments

Rajesh Dixit Over a year ago

Minor suggestion, do filter first and then map. You do not need to transform objects that will be filtered out

hgb123 Over a year ago

@Rajesh sure, thanks. could filter in one go, I just want to clarify steps 🤣

Collectives™ on Stack Overflow

JavaScript Array Filtering and Mapping Problem. How to do nesting filtering?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related