how to push all objects keys to a separate array in array using angular or javascript?

Question

I have array of objects like this

let array = [
 {'name' : 'Jack', 'age':23},
 {'name': 'Robin', 'age':25}
];

and I want an array like this

[
 ['Jack',23],
 ['Robin',25]
]

I tried this code

var myArr = []; 

var input = [
  {name : 'Jack', age : 23},
  {name : 'Robin', age : 25}
];

input.forEach((item,index)=>{
  for (var k in item) { 
    myArr.push(item[k]);
  }
})

But it is producing result like this

["Jack", 23, "Robin", 25]

Mohammed Ashfaq · Accepted Answer · 2018-11-23 14:30:14Z

4

let array = [
 {'name' : 'Jack', 'age':23},
 {'name': 'Robin', 'age':25}
];

arrayOfValues = array.map(({name, age})=> ([name, age]))

console.log(arrayOfValues)

@HMR Thank you very much for sharing the valuable information.

The order in which you get the values in Object.values or Object.keys or for ... in or for ... of from an object (other than a Map) is not guaranteed and there is no specification in JS for the order.

More Information

edited Nov 23, 2018 at 14:30

answered Nov 23, 2018 at 7:27

Mohammed Ashfaq

3,4262 gold badges19 silver badges24 bronze badges

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

3 Comments

HMR Over a year ago

The order in which you get the values in Object.values or Object.keys or for ... in or for ... of from an object (other than a Map) is not guaranteed and there is no specification in JS for the order. So if you want to convert {'name' : 'Jack', 'age':23} specifically to ['Jack',23] then this is the only valid answer.

Nitish Narang Over a year ago

You're Correct @HMR

Nitish Narang Over a year ago

Mohammed pls consider adding @HMR's point as your explanation so that others are also educated with the same and are not mislead by the accepted answer.

Mohammad Usman · Accepted Answer · 2018-11-23 07:24:46Z

3

Simply pass Object.values as callback to .map():

let array = [
 {'name' : 'Jack', 'age':23},
 {'name': 'Robin', 'age':25}
];

let result = array.map(Object.values);

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered Nov 23, 2018 at 7:24

Mohammad Usman

39.6k20 gold badges99 silver badges101 bronze badges

1 Comment

HMR Over a year ago

The order in which you get the values in Object.values or Object.keys or for ... in or for ... of from an object (other than a Map) is not guaranteed and there is no specification in JS for the order. So if you want to convert {'name' : 'Jack', 'age':23} specifically to ['Jack',23] then this answer will work by accident but not because it's guaranteed by JS specification. You should never write code relying on the current order of getting keys from objects because it can be changed and will break if that happens.

Nitish Narang · Accepted Answer · 2018-11-23 07:22:48Z

2

This would be Array.map and Object.values like below

let array = [
 {'name' : 'Jack', 'age':23},
 {'name': 'Robin', 'age':25}
];

let res = array.map(d => Object.values(d))

console.log(res)

answered Nov 23, 2018 at 7:22

Nitish Narang

4,2042 gold badges17 silver badges22 bronze badges

1 Comment

HMR Over a year ago

The order in which you get the values in Object.values or Object.keys or for ... in or for ... of from an object (other than a Map, Set or Array) is not guaranteed and there is no specification in JS for the order. So if you want to convert {'name' : 'Jack', 'age':23} specifically to ['Jack',23] then this answer will work by accident but not because it's guaranteed by JS specification. You should never write code relying on the current order of getting keys from objects because it can be changed and will break if that happens.

Collectives™ on Stack Overflow

how to push all objects keys to a separate array in array using angular or javascript?

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related