how do I match the data and return same data of first array

Question

I have two array

arr1 =[{name:'Net Banking', id:'NetBanking'},{name:'Debit Card', id:'DebitCard'},{name:'Credit Card', id:'CreditCard'}]

and

arr2=['DebitCard','NetBanking']

and I want to expected result as of arr1

arr1=[{name:'Debit Card', id:'DebitCard'}, {name:'Net Banking', id:'NetBanking'}]

currently I am using -

arr1.filter(data=>arr2.includes(data.id))

and I am getting return as

arr1 =[{name:'Net Banking', id:'NetBanking'},{name:'Debit Card', id:'DebitCard'}]

means match the element of arr2 with arr1 and return as arr1 with same order of arr2

or how can I change the index based on arr2 of arr1

The filtering works. Now the order is a different problem altogether. After your filtering is done, you have to perform additional logic so the filtered array is in the same order as arr2. Or you can do const arr3 = arr2.map( name => arr1.find( obj => obj.id===name )) — Jeremy Thille
– Jeremy Thille, Commented Feb 22, 2022 at 14:00

Rohìt Jíndal · Accepted Answer · 2022-02-23 05:58:27Z

1

You can use Array.map() along with Array.find() to get the desired input.

Working Demo :

const arr1 =[{name:'Net Banking', id:'NetBanking'},{name:'Debit Card', id:'DebitCard'},{name:'Credit Card', id:'CreditCard'}];

const arr2=['DebitCard','NetBanking'];

const resArray = arr2.map((item) => arr1.find((obj) => obj.id === item));

console.log(resArray);

answered Feb 23, 2022 at 5:58

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

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

Comments

Yves Kipondo · Accepted Answer · 2022-02-23 06:10:49Z

1

You can loop through arr2 and for each item find the related object with the same id in array arr1

You can rely on

let arr1 =[{name:'Net Banking', id:'NetBanking'},{name:'Debit Card', id:'DebitCard'},{name:'Credit Card', id:'CreditCard'}];

let arr2=['DebitCard','NetBanking'];

const result = arr2.reduce((accumulator, current) => {
   /*
   * For the current item of the loop search for item with
   * object.id === current
   */
   return accumulator.concat(arr1.find(item => item.id === current));
},[]);

console.log(result);

answered Feb 23, 2022 at 6:10

Yves Kipondo

5,6931 gold badge22 silver badges33 bronze badges

Collectives™ on Stack Overflow

how do I match the data and return same data of first array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related