I have an array like
let arr = [
{ key: "Text1", value: "Line 1" },
{ key: "Text2", value: "Line 2" },
{ key: "Text3", value: "Line 3" }
]
and I want to turn it into
let obj = {
"Text1": "Line1",
"Text2": "Line2",
"Text3": "Line3"
}
in es6 i was trying something like this but that's definitely wrong. Any help please?
let temp = Object.assign({}, ...arr.map( {key, value} => ( {key, value} ) ));
You could use Object.assign and a destructuring and a spread syntex for the items of the mapped objects.
Basically you need more parenthesis around the arguments and a computed key.
Object.assign({}, ...arr.map(({ key, value }) => ({ [key]: value })));
// ^ ^ parenthesis
// ^ ^ computed property
let arr = [{ key: "Text1", value: "Line 1" }, { key: "Text2", value: "Line 2" }, { key: "Text3", value: "Line 3" }],
result = Object.assign({}, ...arr.map(({ key, value }) => ({ [key]: value })));
console.log(result);
result = Object.assign({}, ...arr.map I get a syntax error at ...arr.map
Object.assign is working.Object.assign, it is the syntax ...arr.map. It doesn't not know what to do with the punctuationYou could solve this with reduce:
arr.reduce((o, el) => {
o[el.key] = el.value;
return o;
}, {});
returns
{Text1: "Line 1", Text2: "Line 2", Text3: "Line 3"}
You can do it like this
let arr = [
{ key: "Text1", value: "Line 1" },
{ key: "Text2", value: "Line 2" },
{ key: "Text3", value: "Line 3" }
]
var obj ={};
arr.forEach(function(value){
obj[value.key]=value.value;
})
console.log(obj)
You can do this with .reduce
let arr = [{ key: "Text1", value: "Line 1" }, { key: "Text2", value: "Line 2" }, { key: "Text3", value: "Line 3" }],
result = arr.reduce((r,k)=>(r[k.key]=k.value,r),{});
console.log(result);
