How to loop over objects and push the keys into an array?

Question

I have an object which consists of newSales and oldSales and I am looping over them to get the key value pairs. I have been able to console log them but now I am stuck. How do I push those key value pairs in my array? This is a sample codepen

const obj = {
  newSales: 1,
  oldSales: 0,
  anotherProp: 'something',
  etc: 'etc',
  values: 'numbers'
}

function myDataSet() {
  let dataSet = []
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      console.log(`${key} : ${obj[key]}`)
      dataSet.push({
        name: ['newSales', 'oldSales'],
        data: [1, 0]
      })
    }
  }
  return dataSet
}

myDataSet();

The new Name in the object should be the name i.e. newSales and oldSales and data inside should be an array with the values 1 and 0. I appreciate all the help.

Expected output:

[ { name: ['newSales', 'oldSales'], data:[ 1,0 ] } ]

So the final result will be: [ { name: "newSales", data: [1, 0] }, { name: "oldSales", data: [1, 0] }]. That doesn't make sense — ibrahim mahrir
– ibrahim mahrir, Commented Nov 8, 2019 at 16:49
BTW, since you only have one object and since that object only contains 2 properties, why do you need to loop it in the first place? Just construct the result directly using literals — ibrahim mahrir
– ibrahim mahrir, Commented Nov 8, 2019 at 16:51
My bad. the final result will be: [ { name: ['newSales', 'oldSales'], data:[ 1,0 ] }. Thank you for pointing that out. I Should have been more clear. — Somethingwhatever
– Somethingwhatever, Commented Nov 8, 2019 at 16:52
Yeah actually it consists of a lot more properties, actually let me fix the code above. — Somethingwhatever
– Somethingwhatever, Commented Nov 8, 2019 at 16:53
@ibrahimmahrir I fixed the code, hopefully it's a bit clear now. Thank you. — Somethingwhatever
– Somethingwhatever, Commented Nov 8, 2019 at 16:55

radulfr · Accepted Answer · 2019-11-08 17:06:00Z

3

If I understood correctly, you want this.

Edited to have the outer array as required, although I don't understand its purpose.

let dataSet = [{
  name: Object.keys(obj),
  data: Object.values(obj)
}];

edited Nov 8, 2019 at 17:06

answered Nov 8, 2019 at 16:57

radulfr

6163 silver badges6 bronze badges

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

7 Comments

Somethingwhatever Over a year ago

yes, but both name and data should be in their own array.

radulfr Over a year ago

What do you mean by that?

Somethingwhatever Over a year ago

[ { name: ['newSales', 'oldSales'], data:[ 1,0 ] } ]

radulfr Over a year ago

It should match that now.

FZs Over a year ago

JS objects do not guarantee property iteration order. That means that key-value pairs may break up (your code may result in [ { name: ['newSales', 'oldSales'], data:[ 0,1] } ]. Note that the values are swapped)

|

Shankar · Accepted Answer · 2019-11-08 17:10:33Z

1

you might want something line this

const obj = {
  newSales: 1,
  oldSales: 0,
  anotherProp: 'something',
  etc: 'etc',
  values: 'numbers'
}


  let dataSet = [], names= [], data =[];
  for (let key in obj) {
    if (obj.hasOwnProperty(key) && ["newSales", "oldSales"].indexOf(key) >= 0) {    
      console.log(`${key} : ${obj[key]}`)
      data.push(obj[key]);
      names.push(key);
    }
  }
  dataSet.push({names:names, data:data});
  
console.log(dataSet)

answered Nov 8, 2019 at 17:10

Shankar

3,0863 gold badges28 silver badges41 bronze badges

Comments

Anis R. · Accepted Answer · 2019-11-08 16:57:55Z

0

You can get the list of an object's keys by calling Object.keys(), similarly for values:

const obj = {
  newSales: 1,
  oldSales: 0
}

function myDataSet() {
  let dataSet = []
  dataSet.push({
    'name': Object.keys(obj),
    'data': Object.values(obj)
  });
  return dataSet;
}

console.log(myDataSet());

answered Nov 8, 2019 at 16:57

Anis R.

7,0022 gold badges17 silver badges44 bronze badges

1 Comment

FZs Over a year ago

JS objects do not guarantee property iteration order. That means that key-value pairs may break up (your code may result in [ { name: ['newSales', 'oldSales'], data:[ 0,1 ] } ]. Note that the values are swapped)

FZs · Accepted Answer · 2019-11-08 17:27:39Z

0

You could use Object.entries() and Array#reduce():

const obj = {
  newSales: 1,
  oldSales: 0
}
const dataSet=[]

dataSet.push(Object.entries(obj).reduce((acc,[key,value])=>{
  acc.name.push(key)
  acc.data.push(value)
  return acc
},{name:[],data:[]}));

console.log(dataSet);

answered Nov 8, 2019 at 17:27

FZs

18.8k13 gold badges47 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to loop over objects and push the keys into an array?

4 Answers 4

7 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related