Push Object property values to an array

Question

To convert the object into arrays based on the number of keys present inside the JSON object using JS.

the actual Object

  values: [
        {
          Label: "label1",
          Value: "10",
        },
        {
          Label: "label2",
          Value: "11",
        },
        {
          Label: "label3",
          Value: "12",
        },
      ],
    };

And I want the actual output to be something like this

label:['label1','label2','label3']
value:['10','11','12']

Using javascript or in react. Thanks in advance

Yash Maheshwari · Accepted Answer · 2021-05-22 14:56:22Z

2

You can use map function of the array and return Label and Values from the input array.

let  values = [
        {
          Label: "label1",
          Value: "10",
        },
        {
          Label: "label2",
          Value: "11",
        },
        {
          Label: "label3",
          Value: "12",
        },
      ]

let value = values.map(v => v.Value)
let label = values.map(v => v.Label)

console.log(value)
console.log(label)

answered May 22, 2021 at 14:56

Yash Maheshwari

2,4122 gold badges10 silver badges22 bronze badges

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

Comments

Vikram Aditya · Accepted Answer · 2021-05-22 15:11:10Z

0

You can use forEach like following

 let  values = [
        {
          Label: "label1",
          Value: "10",
        },
        {
          Label: "label2",
          Value: "11",
        },
        {
          Label: "label3",
          Value: "06",
        },
         {
          Label: "label4",
          Value: "25",
        }
      ]
      let valueArray =[]
      let labels =[]
      values.forEach((value)=>{
      valueArray.push(value.Value)
      labels.push(value.Label) 
      })
       
     let finalObject = {label:labels,value:valueArray}
console.log(valueArray)
console.log(labels)
console.log(finalObject)

answered May 22, 2021 at 15:11

Vikram Aditya

1271 silver badge6 bronze badges

Comments

Sanee · Accepted Answer · 2021-05-22 15:15:45Z

0

let obj = {
    values: [
        {
            Label: "label1",
            Value: "10",
        },
        {
            Label: "label2",
            Value: "11",
        },
        {
            Label: "label3",
            Value: "12",
        }
    ]
};

let output = {
    label: [],
    value: []
};

for (const [key, value] of Object.entries(obj.values)) {
    output.label.push(value.Label)
    output.value.push(value.Value)
}

console.log("output::", output)

answered May 22, 2021 at 15:15

Sanee

11 bronze badge

Comments

Andy · Accepted Answer · 2021-05-22 15:17:34Z

0

You can reduce over the array of objects, and use Object.values to extract the information.

const values = [{Label:"label1",Value:"10"},{Label:"label2",Value:"11"},{Label:"label3",Value:"12"}];

const out = values.reduce((acc, obj) => {

  // Object.values returns an array
  const [ label, value ] = Object.values(obj);

  // Push the data into the initial (accumulator) object
  acc.label.push(label);
  acc.value.push(value);

  // Return the accumulator for the next iteration
  return acc;

// The initial object that is returned with each iteration
}, { label: [], value: [] });

console.log(out);

edited May 22, 2021 at 15:17

answered May 22, 2021 at 15:09

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Comments

Nisala · Accepted Answer · 2021-05-22 15:24:46Z

The easiest and most intuitive way to do this is just using two for loops, like this, that automatically construct the object as they go. The benefit of this answer is that it works for an object with any number of different keys -- no key names are hard-coded, so it's completely adaptable.

const values = {
  values: [{
      Label: "label1",
      Value: "10",
    },
    {
      Label: "label2",
      Value: "11",
    },
    {
      Label: "label3",
      Value: "12",
    },
  ]
}

let ret = {};

// For each object,
for (let val of values.values) {
  // And each key in each object,
  for (let key in val) {
    // If the key is not in the return object, create an array there,
    if (!ret[key]) ret[key] = [];
    // and then push the value into the array.
    ret[key].push(val[key]);
  }
}

console.log(ret);

Most Noble Rabbit · Accepted Answer · 2021-05-22 16:47:04Z

0

You can reduce the objects in a single pass:

const values = [ { Label: "label1", Value: "10", }, { Label: "label2", Value: "11", }, { Label: "label3", Value: "12", } ];

let reduced =  values.reduce((total, curr) => {
    total.label.push(curr.Label)
    total.value.push(curr.Value)

    return total
}, {"label": [], "value": []})

console.log(reduced.label)
console.log(reduced.value)

answered May 22, 2021 at 16:47

Most Noble Rabbit

2,7862 gold badges8 silver badges12 bronze badges

Collectives™ on Stack Overflow

Push Object property values to an array

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related