how to compare two inner array of object from javascript

Question

I have two arrays of an object X and y, form x value array ["N","Y"], I need to filter the y array options value, based on that I need to return the y array, I had tried with this:

const x = [{"application":"Collect","attr":[{"name":"document","value":["N","Y"],"disabled":true}, {"name":"video","value":["Y"],"disabled":false}]}]
const y = [{"name":"document","options":[{"name":"Yes","value":"Y"},{"name":"No","value":"N"},{"name":"view", value:"view"}]}]

const iArr = x[0].attr.map(m => {
  m.value.map(o => {
    y.map(yl => {
      yl.options.filter(s => {
        if (o === s.value) {
          console.log(s)
        }
      })
    })
  })
})

console.log(iArr)

my output should be

const result = [{"name":"document","options":[{"name":"Yes","value":"Y"},{"name":"No","value":"N"}]}]

Your question is not clear. Please provide details how you would like to determine the desired output. — Rahul Bhobe
– Rahul Bhobe, Commented Sep 3, 2020 at 7:38

Terry Lennox · Accepted Answer · 2020-09-03 08:17:36Z

3

We can use Array.map here to alter the value of each element in y according to the attr details in x.

We filter each element.options in y by the corresponding attr value in x.

In this example, I'm presuming that the rules that apply to each element in y reside in the same attribute index , e.g. x[0].attr[index].

const x = [{"application":"Collect","attr":[{"name":"document","value":["N","Y"],"disabled":true}, {"name":"video","value":["Y"],"disabled":false}]}]
const y = [{"name":"document 1","options":[{"name":"Yes","value":"Y"},{"name":"No","value":"N"},{"name":"view", value:"view"}]},
  {"name":"document 2","options":[{"name":"Yes","value":"Y"},{"name":"No","value":"N"},{"name":"view", value:"view"}]}]

const result = y.map((element, index) => {
    let res = { ... element };
    res.options = element.options.filter(option => x[0].attr[index].value.includes(option.value));
    return res;
}); 

console.log("Result:",result);

edited Sep 3, 2020 at 8:17

answered Sep 3, 2020 at 7:40

Terry Lennox

30.9k5 gold badges36 silver badges45 bronze badges

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

7 Comments

achu Over a year ago

i am getting error ERROR TypeError: Cannot read property '0' of undefined

Terry Lennox Over a year ago

Oh dear, apologies for that! Perhaps I'm using slightly different input data?

achu Over a year ago

yes if i use attr has multple object that time is not working

achu Over a year ago

i had updated the question can u check that. attr[0] we sholud not keep static it can be dynamic

Terry Lennox Over a year ago

I've updated the answer, I hope it's nearer to the desired behaviour!

|

EugenSunic · Accepted Answer · 2020-09-03 07:43:33Z

0

If you just have one element in the x array then you could to this

const x = [{
  "application": "Collect",
  "attr": [{
    "name": "document",
    "value": ["N", "Y"],
    "disabled": true
  }]
}]

const y = [{
  "name": "document",
  "options": [{
    "name": "Yes",
    "value": "Y"
  }, {
    "name": "No",
    "value": "N"
  }, {
    "name": "view",
    "value": "view"
  }]
}]



const result = y.map(z => ({
  ...z,
  options: z.options.filter(k => x[0].attr[0].value.includes(k.value))
}));
console.log(result)

answered Sep 3, 2020 at 7:43

EugenSunic

13.8k15 gold badges68 silver badges96 bronze badges

Collectives™ on Stack Overflow

how to compare two inner array of object from javascript

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related