Convert array of Objects to an Array [duplicate]

Question

I know this has been asked before, but every solution I found isn't doing it the way I need it.

The Array

[ {key: "Title", value: "Default Text"}, {key: "Title2", value: "Default Text2"} ]

Object I Need

{
"Title": "Default Text", 
"Title2": "Default Text2"
}

Everything I try seems to return this which is wrong:

{ {key: "Title", value: "Default Text"}, {key: "Title2", value: "Default Text2"} }

I've tried most things I found here on SO.. the last one I've tried that is formatting it wrong is:

let obj = Object.assign({}, arrayHere);

What I want:

What I keep getting, but is wrong:

RomanPerekhrest · Accepted Answer · 2017-03-19 20:39:19Z

2

Use Array.prototype.reduce() function:

var arr = [ {key: "Title", value: "Default Text"}, {key: "Title2", value: "Default Text2"} ],
    result = arr.reduce((r,o) => {r[o.key] = o.value; return r; }, {});

console.log(result);

edited Mar 19, 2017 at 20:39

answered Mar 19, 2017 at 20:38

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

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

3 Comments

user1189352 Over a year ago

ok let me try brb

user1189352 Over a year ago

IT WORKED THANK YOU

RomanPerekhrest Over a year ago

@user1189352, you're welcome

Nina Scholz · Accepted Answer · 2017-03-19 20:52:24Z

1

You could assign the single created objects with Array#map and Object.assign

var array = [{ key: "Title", value: "Default Text" }, { key: "Title2", value: "Default Text2" }];
    object = Object.assign({}, ...array.map(o => ({ [o.key]: o.value })));
    
console.log(object);

answered Mar 19, 2017 at 20:52

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Pruthvi P · Accepted Answer · 2017-03-19 20:40:23Z

0

const a = [ {key: "Title", value: "Default Text"}, {key: "Title2", value: "Default Text2"} ];

function convertArr(arr) {
    const res = {};

    a.forEach((item) => 
       res[item.key] = item.value;
    })
    return res;
}

convertArr(a);

answered Mar 19, 2017 at 20:40

Pruthvi P

5341 gold badge7 silver badges31 bronze badges

Comments

Stanley · Accepted Answer · 2017-03-19 21:13:02Z

0

Using Array.prototype.map(),

var Object = [ {key: "Title", value: "Default Text"}, {key: "Title2", value: "Default Text2"} ];

var result = Object.map(function(obj) {
             var rObj = {};
             rObj[obj.key] = obj.value;
             return rObj; });

answered Mar 19, 2017 at 21:13

Stanley

91 bronze badge

Collectives™ on Stack Overflow

Convert array of Objects to an Array [duplicate]

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Linked

Related