Javascript强调数组到对象

时间:2014-03-15 17:53:45

标签: javascript arrays object underscore.js

是否有一种简单/干净的方式使用Underscore来转动

[ { id: 'medium', votes: 7 },
  { id: 'low',    votes: 9 },
  { id: 'high',   votes: 5 } ]

进入

 { 'low'    : 9,
   'medium' : 7,
   'high'   : 5 }

8 个答案:

答案 0 :(得分:42)

你可以考虑_.indexBy(...)

var data = [{
    id: 1,
    name: 'Jon Doe',
    birthdate: '1/1/1991',
    height: '5 11'
}, {
    id: 2,
    name: 'Jane Smith',
    birthdate: '1/1/1981',
    height: '5 6'
}, {
    id: 3,
    name: 'Rockin Joe',
    birthdate: '4/4/1994',
    height: '6 1'
}, {
    id: 4,
    name: 'Jane Blane',
    birthdate: '1/1/1971',
    height: '5 9'
}, ];

var transformed = _.indexBy(data, 'id');

这是一个小提琴: https://jsfiddle.net/4vyLtcrf/3/

更新:在Lodash 4.0.1中,方法_.indexBy已重命名为_.keyBy

答案 1 :(得分:16)

var data = [ { id: 'medium', votes: 7 },
  { id: 'low',    votes: 9 },
  { id: 'high',   votes: 5 } ];

您可以使用_.map_.values_.object执行此操作,就像这样

console.log(_.object(_.map(data, _.values)));
# { medium: 7, low: 9, high: 5 }

<强>解释

我们使用map函数将values函数(获取给定对象的所有值)应用于data的所有元素,这将提供

# [ [ 'medium', 7 ], [ 'low', 9 ], [ 'high', 5 ] ]

然后我们使用object函数将其转换为对象。

答案 2 :(得分:8)

这是与香草js:

var result = {};
[ { id: 'medium', votes: 7 },
  { id: 'low',    votes: 9 },
  { id: 'high',   votes: 5 } ].forEach(function(obj) {
    result[obj.id] = obj.votes;
});
console.log(result);

答案 3 :(得分:2)

对我来说更简单:each

   var t = {};
   _.each(x, function(e){
     t[e.id] = e.votes;
   });
//--> {medium: 7, low: 9, high: 5}

答案 4 :(得分:1)

最强大的下划线方法是减少。你几乎可以做任何事情。更大的好处是你只对ONCE进行迭代!

var array = [ 
    { id: 'medium', votes: 7 },
    { id: 'low',    votes: 9 },
    { id: 'high',   votes: 5 } 
];
var object = _.reduce(array, function(_object, item) { 
    _object[item.id] = item.votes; 
    return _object; 
}, {});

运行后,对象将是:

{
  medium:7,
  low:9,
  high:5
}

答案 5 :(得分:0)

Use indexBy

_.indexBy([ 
   { id: 'medium', votes: 7 },
   { id: 'low',    votes: 9 },
   { id: 'high',   votes: 5 } 
 ], 'id');

答案 6 :(得分:0)

我知道这是一篇旧帖子,但您可以使用_.reduce以干净的方式进行转换

var data = [
    { id: 'medium', votes: 7 },
    { id: 'low',    votes: 9 },
    { id: 'high',   votes: 5 }
]

var output = _.reduce(data, function(memo, entry) {
    memo[entry.id] = entry.votes;
    return memo;
}, {});

console.log(output);

答案 7 :(得分:0)

您可以使用本机JS Array.reduce

执行此操作
const myArray = [ { id: 'medium', votes: 7 },
{ id: 'low',    votes: 9 },
{ id: 'high',   votes: 5 } ]

const myObject = myArray.reduce((obj, item)=>{
  o[item.id] = item.votes
  return o
}, {})

有关详细信息,请查看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce