I have an object structured like this:

var my_object = {
  first_item: {important_number: 4},
  second_item: {important_number: 6},
}

However, I would like an object structured like this:

{
  first_item: 4,
  second_item: 6,
}

I would have expected to be able to get this result with _.pluck:

_.pluck(my_object, "important_number")

But this gives me:

[0: 4, 1: 6]

Good, but I need the actual names of the objects. I fiddled around and ended up with this:

_.reduce(my_object, function(memo, val, key) {
  memo[key] = val.content;
  return memo;
}, {});

Which has the desired effect, but isn't as simple as I would like. Is there a better solution in underscore/lodash, or is this the best it will get?

I have an object structured like this:

var my_object = {
  first_item: {important_number: 4},
  second_item: {important_number: 6},
}

However, I would like an object structured like this:

{
  first_item: 4,
  second_item: 6,
}

I would have expected to be able to get this result with _.pluck:

_.pluck(my_object, "important_number")

But this gives me:

[0: 4, 1: 6]

Good, but I need the actual names of the objects. I fiddled around and ended up with this:

_.reduce(my_object, function(memo, val, key) {
  memo[key] = val.content;
  return memo;
}, {});

Which has the desired effect, but isn't as simple as I would like. Is there a better solution in underscore/lodash, or is this the best it will get?

• javascript
• underscore.js
• lodash

Share Improve this question Follow edited Feb 28, 2014 at 23:00 TWiStErRob 46.5k2929 gold badges180180 silver badges272272 bronze badges asked Sep 5, 2013 at 9:40 JJJollyjimJJJollyjim 6,2471919 gold badges5858 silver badges7979 bronze badges 4

• Since all underscore enumerators return arrays, this is the best you will get (though you could something shorter but less efficient like zip(keys(obj), pluck(values(obj), "content"))). – Bergi Commented Sep 5, 2013 at 9:45
• I just set up a JSPerf test for the 2, and in my browser your option is 2% faster! jsperf./getting-an-object-from-pluck – JJJollyjim Commented Sep 5, 2013 at 10:02
• However, yours gives this: [["first_item", 4], ["second_item", 6]] rather than the expected {first_item: 4, second_item: 6} – JJJollyjim Commented Sep 5, 2013 at 10:07
• Ooops, I meant _.object (which zips key-and-value lists to an object) instead of _.zip – Bergi Commented Sep 5, 2013 at 12:06

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 8

In Lo-Dash you could also use _.transform, a more powerful alternative to _.reduce:

_.transform(my_object, function(memo, val, key) {
  memo[key] = val.important_number;
});

Actually what you're describing - that is "pluck for object values" - can be written as:

_.mapValues(my_object, "important_number")

See documentation of _.mapValues.

_.createCallback - which does the string to property magic - is used all over the place in Lo-Dash: search for "_.pluck" style callback.

I know it's fun to use Lo-Dash/Underscore, but if you have to use 2 functions instead of just using a regular loop, you're better off using 'old_school' coding style:

var data = {
  first_item: {important_number: 4},
  second_item: {important_number: 6},
};

var obj = {};

for (var i in data) {
  if (data.hasOwnProperty(i)) obj[i] = data[i].important_number;  
}

Just to prove my point, I updated your JsPerf to include the regular for loop, and watch the magic: http://jsperf./getting-an-object-from-pluck/2

Regular For Loop is at least 2x faster than any other method you guys posted here. And that's mainly because it only traverses the object once.