Two different array in JavaScript and combine Single array

Question

I have two different array parent and child relational array and combine single array.

this is parent array:- const cat = ['a','b','c']; this is Child array:- const sub =[{name:'cloth',cat:['a','b']},{name:'feshion',cat:['b','a']}]

the output Combine Two array and make single array, I am using map and filter method, It doesn't work the output should be like this const parent =[{name:'a',sub:['cloth','feshion']},{name:'b',sub:['cloth','feshion']},{name:'c',sub:[]}]

Please help me, and Please give me any Idea

So loop over the parent with map and combine.

epascarello
– epascarello

2020-04-23 15:27:29 +00:00
Commented Apr 23, 2020 at 15:27 — epascarello
– epascarello, Commented Apr 23, 2020 at 15:27

Arash Motamedi · Accepted Answer · 2020-04-23 15:56:26Z

3

const result = cat.map(name => ({name, sub: sub.filter(s => s.cat.includes(name)).map(s => s.name)}));

produces:

[
   { "name": "a", "sub": ["cloth", "feshion"] },
   { "name": "b", "sub": ["cloth", "feshion"] },
   { "name": "c", "sub": [] }
]

Here's an expanded version of that line, easier to follow:

const result = cat.map(catName => {
   const subs = sub
      .filter(s => s.cat.includes(catName))
      .map(s => s.name);

   return {name: catName, sub: subs};
});

Run the code:

const cat = ['a','b','c'];
const sub =[{name:'cloth',cat:['a','b']},{name:'feshion',cat:['b','a']}];
const result = cat.map(name => ({name, sub: sub.filter(s => s.cat.includes(name)).map(s => s.name)}));
console.log(result);

edited Apr 23, 2020 at 15:56

answered Apr 23, 2020 at 15:39

Arash Motamedi

10.8k7 gold badges38 silver badges44 bronze badges

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

Collectives™ on Stack Overflow

Two different array in JavaScript and combine Single array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related