let response = {
data1: {
names: ["John", "jim"]
},
data2: {
ages: [34, 24]
}
}
I want:
data: {
names: ["John", "jim"],
ages: [34,24]
}
Is there a way to merge these into 1 object without referencing response.data1 and response.data2? I know I can do const newObj = {...response.data1, ...response.data2} or Object.assign({}, response.data1, response.data1)... Can I do via a for in loop?
You could merge the values of the object using Object.assign() like this:
Object.assign({}, ...Object.values(response))
Explanation:
This is the syntax for Object.assign: Object.assign(target, source1, source2, ... etc). It basically takes all the properties from the source objects and updates the target object
The Object.values() bit returns the value of the response object. In this case, it's an array of objects like this:
[
{ names: ["John", "jim"] },
{ ages: [34, 24] }
]
You can spread the array and pass individual object as a parameter to Object.assign()
Here's a snippet:
let response = {
data1: {
names: ["John", "jim"]
},
data2: {
ages: [34, 24]
}
}
const output = Object.assign({}, ...Object.values(response))
console.log(output)If it's too confusing you could use reduce:
Object.values(response)
.reduce((a, v) => ({ ...a, ...v }), {})
Or a simple loop:
const output = {}
for(const key in response)
Object.assign(output, response[key])
Object.assign solution, but that they specifically want to try to accomplish it with a loop.
data1 explicitly as it is dynamic and there could be unknown number of properties.
Object.assign solution. There is no such thing as the Object.assign solution.If you want to merge data1 and data2 using a for in loop, try this:
let response = {
data1: {
names: ["John", "jim"]
},
data2: {
ages: [34, 24]
}
}
var result = {}
for (data in response) {
if (response.hasOwnProperty(data)) {
[key] = Object.keys(response[data])
result[key] = response[data][key]
}
}
console.log(result)The way it works is by getting the keys of data and data2, then using those keys, it gets the values and adds it to result
for...in loops will go over all properties of an object, including inherited ones, one generally will want to include a .hasOwnProperty() check before proceeding with any processing.