Filter an array of objects upon a value inside an array of objects inside in javascript

Question

I am fetching an array of objects as following :

const data =
  [ { id: 0, company: 'nike',   items: [{ id: 0, name: 'caret',        price: 100}] } 
  , { id: 1, company: 'adidas', items: [{ id: 1, name: 'mobile phone', price: 300}] } 
  ]

I want to filter that array of objects by checking the value of the property "name" inside the items array if it is "Caret" or not. If yes, I want to return the same array of objects with all its content but filtered. Which means, it will filter out the object whose item's name is not caret. How can I achieve this in javascript?!

Alright, so what have you already tried? What part is causing you problems? — Taplar
– Taplar, Commented Sep 15, 2020 at 12:33
@Taplar data.filter(i => i.items.map(item=> item.name === "Caret") — Saif
– Saif, Commented Sep 15, 2020 at 12:35
K, so instead of using map(), take a look at includes(). developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Taplar
– Taplar, Commented Sep 15, 2020 at 12:35

Mister Jojo · Accepted Answer · 2020-09-15 15:33:38Z

2

I suppose you are looking for that ?

const data =
  [{ id: 0, company: 'nike',   items: [{ id: 0, name: 'caret',        price: 100}]}
  ,{ id: 1, company: 'adidas', items: [{ id: 1, name: 'mobile phone', price: 300}]}
  ] 

const filterName = (arr, name)=>arr.filter(el=>el.items.some(x=>x.name==name))

onlyCaret = filterName(data,'caret')

console.log( onlyCaret[0].company )  // nike
console.log( onlyCaret )   // row 0 with  { ... company: 'nike' ..}

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Sep 15, 2020 at 15:33

answered Sep 15, 2020 at 12:55

Mister Jojo

22.9k6 gold badges28 silver badges45 bronze badges

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

2 Comments

3limin4t0r Over a year ago

I suggest using some instead of find for this scenario. some returns true or false if a match is found. find returns the found element.

Mister Jojo Over a year ago

@3limin4t0r correct, array.some() method is much smarter to use, thanks for that hint! (why didn't I think about it!)

James Rushford · Accepted Answer · 2020-09-15 12:36:32Z

1

You need to use Array.filter and then loop through your items for a match

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

const data = [
    {
        id:0,
        company: "nike"
            items:[
                  name: "caret",
                  price:100
            ]
    },
    {
        id:1,
        company: "adidas"
            items:[
                name: "mobile phone",
                price: 300
            ]
    },
    ]

const filteredCompanies = data.filter((company)=>{
    company.items.forEach((item)=>{
        if(item.name === "nike") return true
    })
})

answered Sep 15, 2020 at 12:36

James Rushford

1568 bronze badges

9 Comments

Saif Over a year ago

Thanks for your comment. Yet, I want to return the same array without the targeted object filtered.

brk Over a year ago

@Saif what you mean by same array?

James Rushford Over a year ago

do you mean the array of data or the array of items?

Saif Over a year ago

I mean the array of data. @JamesRushford

3limin4t0r Over a year ago

This answer does not work using return true inside an forEach callback will only return from the forEach callback, not from the filter callback.

|

Collectives™ on Stack Overflow

Filter an array of objects upon a value inside an array of objects inside in javascript

2 Answers 2

2 Comments

9 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related