Push only values of an object array into another array

Question

I am looking to push only the values of ObjArray into another array called Array.

var Array = [];

var ObjArray = [{item1 : 'Foo'}, {item2 : 'Bar'}];

// Push Values from ObjArray into Array

pushValues(ObjArray, Array);

The expected output would be Array having only ['Foo', 'Bar']

Thanks!

edit: Sorry. I am asking how to push all values from ObjArray into Array.

@CuongLeNgoc - Names of keys are not identical to use Arraay#map — Rayon
– Rayon, Commented Jul 27, 2019 at 4:16

Mamun · Accepted Answer · 2019-07-27 04:31:50Z

0

You can try with Array.prototype.map()

The map() method creates a new array with the results of calling a provided function on every element in the calling array.

And Object.values()

The Object.values() method returns an array of a given object's own enumerable property values.

As you have single value in the object use [0] to return that.

var ObjArray = [{item1 : 'Foo'}, {item2 : 'Bar'}];
var array = ObjArray.map(i => Object.values(i)[0]);
console.log(array);

Using for...of and push()

var array = [];
var ObjArray = [{item1 : 'Foo'}, {item2 : 'Bar'}];
for(var i of ObjArray){
  array.push(Object.values(i)[0]);
}
console.log(array);

edited Jul 27, 2019 at 4:31

answered Jul 27, 2019 at 4:18

Mamun

69k9 gold badges51 silver badges62 bronze badges

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

Comments

Nick Parsons · Accepted Answer · 2019-07-27 05:19:16Z

0

If your objects have multiple key-value pairs within them you can use a combination of .flatMap() with Object.values() like so:

const objArray = [{a: 'foo', b: 'bar'}, {c : 'baz'}];
const arr = objArray.flatMap(Object.values);

console.log(arr); // ["foo", "bar", "baz"]

However, do note, .flatMap() does have limited browser support, and so, if you need something a little more compatible, you can use .reduce() instead:

const objArray = [{a: 'foo', b: 'bar'}, {c : 'baz'}];
const arr = objArray.reduce((a, o) => [...a, ...Object.values(o)], []);

console.log(arr); // ["foo", "bar", "baz"]

answered Jul 27, 2019 at 5:19

Nick Parsons

51.7k6 gold badges62 silver badges80 bronze badges

Collectives™ on Stack Overflow

Push only values of an object array into another array

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