Combining two arrays based on properties

Question

I have two arrays,

let student = [{ id: "weqwe", name: "john" }, { id: "wqeqweq", name: "doe" }]
let details = [
    { id: "2qweqweq", name: "larry", oName: "john" },
    { id: "231234qa", name: "jacob", oName: "john" },
    { id: "wetyrqwte", name: "jane", oName: "doe" }
]

I need to check through each object in details array and compare it with student array (compare with oName property in details array with name property in student array) and need to add an array of the details as on object property. Also need to remove the oName, I have tried in es6 but dynamically creating array and pushing gives only the last value, Please see the below expected output,

let output = [
    {
        id: "weqwe",
        name: "john",
        details: [
            { id: "2qweqweq", name: "larry" },
            { id: "231234qa", name: "jacob" }
        ]
    },
    {
        id: "wqeqweq",
        name: "doe",
        details: [
            { id: "wetyrqwte", name: "jane" }
        ]
    }
]

Thanks in advance !!

let results = details.map(d => Object.assign({}, d, student.map(s => d.oName === s.name))) — Learner, Feb 27 '18 at 11:13
`i need to check through each object in details array and compare it with student array` -- compare what? compare the objects? or any property? — izengod, Feb 27 '18 at 11:13
Possible duplicate of [Comparing Arrays of Objects in JavaScript](https://stackoverflow.com/questions/27030/comparing-arrays-of-objects-in-javascript) — Mario Murrent, Feb 27 '18 at 11:14
comapare oName of each object in details array with name of each object in student array — Learner, Feb 27 '18 at 11:15

xianshenglu · Accepted Answer · 2018-02-27T11:30:38.260

2

try this:

let student = [{ id: "weqwe", name: "john" }, { id: "wqeqweq", name: "doe" }]
let details = [
    { id: "2qweqweq", name: "larry", oName: "john" },
    { id: "231234qa", name: "jacob", oName: "john" },
    { id: "wetyrqwte", name: "jane", oName: "doe" }
];
let output = [{
        id: "weqwe",
        name: "john",
        details: [
            { id: "2qweqweq", name: "larry" },
            { id: "231234qa", name: "jacob" }
        ]
    },
    {
        id: "wqeqweq",
        name: "doe",
        details: [
            { id: "wetyrqwte", name: "jane" }
        ]
    }
];
let result = student.map((obj) => {
    obj.details = details.filter(o => o.oName === obj.name).map(({oName,...other}) =>other);
    return obj;
});

console.log(result);

edited Feb 27 '18 at 11:30

answered Feb 27 '18 at 11:17

xianshenglu

4,943
3
17
34

why you delete property in map simply return others values from object except the oName. There is no need to delete oName. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map – Zeeshan Afzal Satti Feb 27 '18 at 11:23
there is 'return o' after delete property@ZeeshanAfzalSatti – xianshenglu Feb 27 '18 at 11:25
You can do this like : object.map(({oName, ...other})=> other)} – Zeeshan Afzal Satti Feb 27 '18 at 11:25

score 1 · Answer 2 · answered Feb 27 '18 at 11:21

let student = [{id:"weqwe", name:"john"}, {id:"wqeqweq", name:"doe"}]
let details = [
              {id:"2qweqweq", name:"larry", oName:"john"},
              {id:"231234qa", name:"jacob", oName:"john"},
              {id:"wetyrqwte", name:"jane", oName:"doe"}
              ]


let output= student.map(student=> {

  const detailsObj = details.filter(({oName})=>  oName === student.name)
  return {...student, details: detailsObj.map(({oName, ...other})=> other)}
})

console.log(output)

Combining two arrays based on properties

2 Answers2