Convert object of arrays to Array of object with key value pairs

Question

I have an object of arrays

{Cost One: Array(1), Cost Two: Array(1), Cost Five: Array(1)}
    Cost One: Array(1)
    0: "22"
    length: 1

    Cost Two: Array(1)
    0: "33"
    length: 1

    Cost Five: Array(1)
    0: "1456"
    length: 1

Desired output :

[{Cost One: "22"}, {Cost Two: "33"}, {Cost Five: "1456"}]

My code to convert :

const mappedDataArray = [];

for (const key in costsFormValues) {
    const mappedData = {
      ...costsFormValues[key]
    };
mappedDataArray.push(mappedData);
}

Output :

[{…}, {…}, {…}]

0: {0: "22"}
1: {0: "33"}
2: {0: "1456"}

Here instead of 0, how do i add key name that is Cost One and so on

What am i making wrong here ?

refer this post stackoverflow.com/questions/43626156/…

Zaza
– Zaza

2021-03-17 06:49:51 +00:00
Commented Mar 17, 2021 at 6:49 — Zaza
– Zaza, Commented Mar 17, 2021 at 6:49

Shubham Verma · Accepted Answer · 2021-03-17 06:55:50Z

1

You are not setting keys anywhere according to output. It would be something like this:

const costsFormValues = {
  "Cost One":[22],
  "Cost Two":[33],
  "Cost Three":[1456],
}

const mappedDataArray = [];


for (const key in costsFormValues) {
    const mappedData = {
      [key]:costsFormValues[key][0]
    };
mappedDataArray.push(mappedData);
}

console.log(mappedDataArray)

answered Mar 17, 2021 at 6:55

Shubham Verma

5,0641 gold badge12 silver badges23 bronze badges

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

Comments

Ashraful Islam · Accepted Answer · 2021-03-17 07:07:57Z

0

let costsFormValues = {
  "Cost One":[22],
  "Cost Two":[33],
  "Cost Three":[1456],
}

let result = Object.keys(costsFormValues).map(key => ({[key]: costsFormValues[key][0].toString()}));
console.log(result);

answered Mar 17, 2021 at 7:07

Ashraful Islam

9357 silver badges17 bronze badges

Collectives™ on Stack Overflow

Convert object of arrays to Array of object with key value pairs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related