Convert an object to object array

Question

An API i call gives out a result like so:

{
  "name1" : "value1",
  "name2" : "value2",
  "name3" : "value3",
  "name4" : "value4",
}

I want to change convert that to

[
  {"name1" : "value1"},
  {"name2" : "value2"},
  {"name3" : "value3"},
  {"name4" : "value4"},
[

I tried to use

Object.keys(result).forEach(function(key) {
      console.log(key, result[key]);
      let item = key;
      policyStatusList.push(
          new Object({
          item: result[key]
          })
     );
});

but it ended up as

[
  {"item" : "value1"},
  {"item" : "value2"},
  {"item" : "value3"},
  {"item" : "value4"},
[

Any suggestions?

use policyStatusList.push({[key]: result[key]}) , and no need of item = key else everything is fine. In you code item will be taken as string not as a varibale if you want to pass the variable as key in an object you need to use [key]; — arizafar
– arizafar, Commented Mar 29, 2019 at 7:51
@AZ_ so apparently i just needed to add brackets to item thank you; thanks for the help everyone, will accept CertainPerformance's answer though since it's a lot more efficient than my current code — Raphael Estrada
– Raphael Estrada, Commented Mar 29, 2019 at 8:01
@RaphaelEstrada yes your code is not efficient, just pointing out whats wrong. — arizafar
– arizafar, Commented Mar 29, 2019 at 8:04

CertainPerformance · Accepted Answer · 2019-03-29 07:50:01Z

7

.map the Object.entries of the object:

const obj = { "name1" : "value1", "name2" : "value2", "name3" : "value3", "name4" : "value4" };
const arrOfObjs = Object.entries(obj).map(([key, val]) => ({ [key]: val }));
console.log(arrOfObjs);

answered Mar 29, 2019 at 7:50

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Mihai Alexandru-Ionut · Accepted Answer · 2019-03-29 07:54:13Z

2

You could use reduce and concat methods.

var obj = { "name1" : "value1", "name2" : "value2", "name3" : "value3", "name4" : "value4" }
var res = Object.keys(obj).reduce((result, item) => result.concat([{[item] : obj[item]}]), []);
console.log(res);

answered Mar 29, 2019 at 7:54

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Comments

Riajul Islam · Accepted Answer · 2019-03-29 07:53:32Z

0

Try it:

const obj = {
  "name1" : "value1", 
  "name2" : "value2", 
  "name3" : "value3", 
  "name4" : "value4" 
};
const convertedArray = Object.entries(obj).map(([key, val]) => ({
    [key]: val 
}));
console.log(convertedArray);

answered Mar 29, 2019 at 7:53

Riajul Islam

1,49315 silver badges19 bronze badges

Comments

Jonas Wilms · Accepted Answer · 2019-03-29 08:04:55Z

0

I want to change convert that to ...

No, you probably don't want that. The datastructure returned by the API is great, because

1) You can easily get the value for a certain key, e.g. obj.name1

2) You can easily get all keys (Object.keys(obj)), values (Object.values(obj)) and key-value pairs (Object.entries(obj)) to iterate over.

With the datastructure that you "want" to get you can neither:

1) look up a value, as you would've to iterate the array and search for the key in each object, which is really slow & ugly.

2) Iterate over keys, values and key-value pairs, as you would've to extract the key & value out of each object, which is complicated.

So no, you don't want that.

answered Mar 29, 2019 at 8:04

Jonas Wilms

139k20 gold badges164 silver badges164 bronze badges

Comments

Jack Bashford · Accepted Answer · 2019-03-29 08:10:20Z

0

Your issue is you're creating your new object with the key item - you want to use the key [item] (the value of the variable named item, not the literal string item):

const result = {
  "name1" : "value1", 
  "name2" : "value2", 
  "name3" : "value3", 
  "name4" : "value4" 
};

let policyStatusList = [];

Object.keys(result).forEach(function(key) {
  let item = key;
  policyStatusList.push(
    new Object({
      [key]: result[key]
    })
  );
});

console.log(policyStatusList);

answered Mar 29, 2019 at 8:10

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

Convert an object to object array

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related