Can I get each value based on key from array of objects?

Question

I have an array like this:

[
  {
    foo: bar,
    bar: foo,
  },
  {
    foo: bar,
    bar: baz,
  },
  {
    foo: bar,
    bar: foo,
  },
]

And I wish to get out an array that looks like this:

[foo, baz, foo]

Is this possible with pure JS or underscore? I only need to support modern browsers.

So loop through the Array, read the object, push to an array. — epascarello
– epascarello, Commented Dec 9, 2014 at 14:34

Chris Bowdon · Accepted Answer · 2014-12-09 14:35:40Z

3

With ES5 (pure JS):

var result = thatArray.map(function (x) { return x.bar; });

or with underscore:

var result = _.map(thatArray, function (x) { return x.bar; });

answered Dec 9, 2014 at 14:35

Chris Bowdon

311 bronze badge

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

Comments

Bergi · Accepted Answer · 2014-12-09 15:22:04Z

2

UnderscoreJS has _.pluck()

_.pluck(yourArray,'bar') 
 => [foo,baz,foo]

From UnderscoreJS docs for _.pluck():

_.pluck(list, propertyName) 
A convenient version of what is perhaps the most common use-case for map: extracting a list of property values.
var stooges = [{name: 'moe', age: 40}, {name: 'larry', age: 50}, {name: 'curly', age: 60}];
_.pluck(stooges, 'name');
 => ["moe", "larry", "curly"]

edited Dec 9, 2014 at 15:22

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

answered Dec 9, 2014 at 14:41

Paul

27.8k13 gold badges90 silver badges127 bronze badges

Comments

Amit Joki · Accepted Answer · 2014-12-09 14:34:03Z

1

You could do it by Array.map

var result = arr.map(function(obj){
   return obj.bar;
});

answered Dec 9, 2014 at 14:34

Amit Joki

59.4k7 gold badges80 silver badges96 bronze badges

Comments

Vishal · Accepted Answer · 2014-12-09 15:08:44Z

1

Pure JS: This code will work in non strict mode. It's probably not the most efficient way. But, I think it's quite simple.

var A = [
  {
    foo: "bar",
    bar: "foo",
  },
  {
    foo: "bar",
    bar: "baz",
  },
  {
    foo: "bar",
    bar: "foo",
  },
]
var key = "bar";
var length = A.length;
var B = [];
for(var i = 0; i < length; ++i){
  if(A[i][key]){
    B[B.length] = A[i][key];
  }
}
console.log(B);

answered Dec 9, 2014 at 15:08

Vishal

1664 bronze badges

Collectives™ on Stack Overflow

Can I get each value based on key from array of objects?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related