Creating an array by nested map with filtering

Question

  const market = [
    {
      id: 0,
      properties: [{ name: 'salad', price: 99, isMain: true }],
      value: "1"
    },
    {
      id: 1,
      properties: [{ name: 'patato', price: 100, isMain: false }],
      value: "2"
    },
    {
      id: 2,
      properties: [{ name: 'strawberry', price: 101, isMain: true }],
      value: "3"
    },
  ];

I have data like above, I want to make list of properties which has isMain property is true like the example below. How can I best do this with ES6?

expectation ==>

  [
    {
      name: 'salad',
      price: 99,
      isMain: true,
    },
    {
      name: 'strawberry',
      price: 101,
      isMain: true,
    },
  ];

Vijay Kumawat · Accepted Answer · 2021-09-07 10:37:41Z

2

You need to flat the array and then use the filter method to get your desired items from nested array, this will work even if you have multiple items in properties array.

var filtredItems = [];
const market = [
    {
        id: 0,
        properties: [{ name: 'salad', price: 99, isMain: true }],
        value: "1"
    },
    {
        id: 1,
        properties: [{ name: 'patato', price: 100, isMain: false }, { name: 'second', price: 100, isMain: true }],
        value: "2"
    },
    {
         id: 2,
         properties: [{ name: 'strawberry', price: 101, isMain: true }],
         value: "3"
    },
];
filtredItems = market.flatMap(x => x.properties).filter(prop=> prop.isMain);

console.log('filtredItems', filtredItems)

answered Sep 7, 2021 at 10:37

Vijay Kumawat

9835 silver badges9 bronze badges

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

Comments

h0ly · Accepted Answer · 2021-09-07 10:20:19Z

2

Use ES6 map then filter

  const market = [
    {
      id: 0,
      properties: [{ name: 'salad', price: 99, isMain: true }],
      value: "1"
    },
    {
      id: 1,
      properties: [{ name: 'patato', price: 100, isMain: false }],
      value: "2"
    },
    {
      id: 2,
      properties: [{ name: 'strawberry', price: 101, isMain: true }],
      value: "3"
    },
  ];
  
  const results = market.map(product => product.properties[0]).filter(p => !!p.isMain);
  
  console.log(results);

NB: it is quite weird to have a single hash in an array.

answered Sep 7, 2021 at 10:20

h0ly

1611 silver badge8 bronze badges

Comments

Suraj Rao · Accepted Answer · 2021-09-07 10:24:28Z

0

you can bind filter with map to get somthing like this i don't know if you have multiple values in properties field:

market.filter(m => m.properties?.[0].isMain)
    .map( m => ({ name: m.name, price: m.properties?.[0].isMain, isMain: m.properties?.[0].isMain  }))

edited Sep 7, 2021 at 10:24

Suraj Rao

29.7k11 gold badges96 silver badges104 bronze badges

answered Sep 7, 2021 at 10:21

Zouari Khalil

314 bronze badges

Collectives™ on Stack Overflow

Creating an array by nested map with filtering

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related