How to filter objects by objects in Js

Question

My First object is:

 {Color: [
         {display: "RED", value: "5433", count: "12"}
         {display: "Black", value: "5446", count: "37"}    
        ]
        Brand: [
         {display: "NIKAVI", value: "5458", count: "58", brand: }
         {display: "BOSCH", value: "5570", count: "7",}
         {display: "REPLAY", value: "5497", count: "132",}
        ]
        Category: [
         {display: "Motorbike Horns", value: "1320", count: "8"}
         {display: "LED Lamps", value: "1325", count: "3"}
        ]
    }

My Second object is:

{Brand: "5458", Color: "5446",Category:[1320,75]}

I have to filter the first object value using the second objects values. I have tried a lot but couldn't find great ideas. I'm working in reactJs.

"I have tried a lot..." - Please add at least the most promising one and describe which problems you have with it respectively which errors it throws. — Andreas
– Andreas, Commented Apr 11, 2020 at 17:29

Pranav C Balan · Accepted Answer · 2020-04-11 19:15:16Z

1

You can simply iterate over key-value pairs over the second object and then use Array#find method(or use Array#filter method if you need an array or there is multiple) to get the result.

const obj1 = {Color: [
         {display: "RED", value: "5433", count: "12"},
         {display: "Black", value: "5446", count: "37"}    
        ],
        Brand: [
         {display: "NIKAVI", value: "5458", count: "58", brand: ''},
         {display: "BOSCH", value: "5570", count: "7",},
         {display: "REPLAY", value: "5497", count: "132",}
        ],
        Category: [
         {display: "Motorbike Horns", value: "1320", count: "8"},
         {display: "LED Lamps", value: "1325", count: "3"}
        ]
    };

;
const obj2={Brand: "5458", Color: "5446",Category:[1320,75]};



const res = {};

for (let [key, value] of Object.entries(obj2)) {
  res[key] = obj1[key].filter(o => Array.isArray(value) ? value.some(v => v == o.value) : o.value === value) 
}


console.log(res);

edited Apr 11, 2020 at 19:15

answered Apr 11, 2020 at 17:37

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

2 Comments

ramesh Over a year ago

Thanks you answers saved my day. I have just edited my question. Could you please help with with small modifications

ramesh Over a year ago

Thanks a lot sir. Again you saved my day. May I know where u learnt such stuffs

ilkerkaran · Accepted Answer · 2020-04-11 17:37:11Z

1

You can try this;

firstObj = {Color: [
  {display: "RED", value: "5433", count: "12"},
  {display: "Black", value: "5446", count: "37"}    
 ],
 Brand: [
  {display: "NIKAVI", value: "5458", count: "58",},
  {display: "BOSCH", value: "5570", count: "7",},
  {display: "REPLAY", value: "5497", count: "132",}
 ]
};

secondObj={Brand: "5458", Color: "5446"}

// solution:
const result =Object.keys(secondObj).map(sk => firstObj[sk].filter(fo => fo.value === secondObj[sk]))
    
    
    console.log(result)

answered Apr 11, 2020 at 17:37

ilkerkaran

4,3923 gold badges31 silver badges45 bronze badges

1 Comment

ramesh Over a year ago

Thanks you answers saved my day. I have just edited my question. Could you please help with with small modifications

Collectives™ on Stack Overflow

How to filter objects by objects in Js

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related