在 javascript 中以下列形式将 javascript 嵌套对象数组与父对象合并？

Question

I have an object with one of the property storing array of objects I wanted to create new object in the following form,

{
    customerEmailID: 'customer@test.com',
    devices: [
        {
            deviceName: 'Desktop',
            deviceType: 'ZENW42NLPC9861',
        },
        {
            deviceName: 'Mobile',
            deviceType: 'ZENW42NLPC9862',
        },
        {
            deviceName: 'Laptop',
            deviceType: 'ZENW42NLPC9863',
        }
    ]

}

Expected output is,

{
    customerEmailID: 'customer@test.com',
    deviceName1: 'Desktop',
    deviceType1: 'ZENW42NLPC9861',
    deviceName2: 'Mobile',
    deviceType2: 'ZENW42NLPC9862',
    deviceName3: 'Laptop',
    deviceType3: 'ZENW42NLPC9863',
}

I wanted to create a unique column name after merge with respective parent properties.

Answer 1

You can loop through array with forEach and add properties as shown below.

 let obj = { customerEmailID: 'customer@test.com', devices: [{ deviceName: 'Desktop', deviceType: 'ZENW42NLPC9861', }, { deviceName: 'Mobile', deviceType: 'ZENW42NLPC9862', }, { deviceName: 'Laptop', deviceType: 'ZENW42NLPC9863', } ] }; let result = { customerEmailID: obj.customerEmailID }; obj.devices.forEach((x, i) => { result["deviceName" + (i + 1).toString()] = x.deviceName; result["deviceType" + (i + 1).toString()] = x.deviceType; }); console.log(result);

Answer 2

You can use reduce for create new structure:

 const data = { customerEmailID: 'customer@test.com', devices: [ { deviceName: 'Desktop', deviceType: 'ZENW42NLPC9861', }, { deviceName: 'Mobile', deviceType: 'ZENW42NLPC9862', }, { deviceName: 'Laptop', deviceType: 'ZENW42NLPC9863', } ] } const newData = data.devices.reduce((acc, rec, index) => { return {...acc, [`deviceName${index+1}`]: rec.deviceName, [`deviceType${index+1}`]: rec.deviceType} }, { customerEmailID: data.customerEmailID }) console.log(newData)