使用Lodash转换对象数组

Question

我正在努力简化一个错综复杂的结构。
我已经尽可能地简化了它，并将其简化为：

[
  {'Cells':{'Results':[
                        {'Key':'ID','Value':123},
                        {'Key':'Color','Value':'Red'},
                        {'Key':'Direction','Value':'West'}
                      ]}},
  {'Cells':{'Results':[
                        {'Key':'ID','Value':456},
                        {'Key':'Color','Value':'Green'},
                        {'Key':'Direction','Value':'East'}
                      ]}}
]

我的lodash缺乏技能，我需要帮助将上述内容转化为：

[
  {'ID':123, 'Color':'Red', 'Direction':'West'},
  {'ID':456, 'Color':'Green', 'Direction':'East'}
]

---

^{我应该注意，顺便说一下，按键的数量因对象而异。 至少，它可能只有ID，但有些可能比示例中的那些更多。}

Answer 1

在普通的Javascript中，您可以使用两个嵌套循环。

 var array = [{ 'Cells': { 'Results': [{ 'Key': 'ID', 'Value': 123 }, { 'Key': 'Color', 'Value': 'Red' }, { 'Key': 'Direction', 'Value': 'West' }] } }, { 'Cells': { 'Results': [{ 'Key': 'ID', 'Value': 456 }, { 'Key': 'Color', 'Value': 'Green' }, { 'Key': 'Direction', 'Value': 'East' }] } }], condensed = array.map(function (a) { var o = {}; a.Cells.Results.forEach(function (b) { o[b.Key] = b.Value; }); return o; }); console.log(condensed); 

Answer 2

这样的事应该做​​（虽然我不确定它比普通的javascript更好）

_.chain(array)
 .pluck('Cells')
 .pluck('Results')
 .map(function (value) { return _.object(_.map(value, _.values)); })
 .value()

Answer 3

使用Lodash的解决方案：

var result = _.chain(data)
    .map('Cells.Results')
    .map(res => _.zipObject(_.map(res,"Key"), _.map(res,"Value")))
    .value();

Answer 4

这是使用lodash fp的另一种选择。

var result = map(compose(
  mapValues('Value'),
  keyBy('Key'),
  iteratee('Cells.Results')
))(data);

 var data = [{ 'Cells': { 'Results': [{ 'Key': 'ID', 'Value': 123 }, { 'Key': 'Color', 'Value': 'Red' }, { 'Key': 'Direction', 'Value': 'West' }] } }, { 'Cells': { 'Results': [{ 'Key': 'ID', 'Value': 456 }, { 'Key': 'Color', 'Value': 'Green' }, { 'Key': 'Direction', 'Value': 'East' }] } }]; var { compose, map, iteratee, keyBy, mapValues } = _; var result = map(compose( mapValues('Value'), keyBy('Key'), iteratee('Cells.Results') ))(data); document.write('<pre>' + JSON.stringify(result, 0, 4) + '</pre>'); 

 <script src="https://cdn.jsdelivr.net/lodash/4.13.1/lodash.min.js"></script> <script src="https://cdn.jsdelivr.net/lodash/4.13.1/lodash.fp.js"></script> 

Answer 5

还有另一个答案，使用map和reduce

  var initial_array=[ {'Cells':{'Results':[ {'Key':'ID','Value':123}, {'Key':'Color','Value':'Red'}, {'Key':'Direction','Value':'West'} ]}}, {'Cells':{'Results':[ {'Key':'ID','Value':456}, {'Key':'Color','Value':'Green'}, {'Key':'Direction','Value':'East'} ]}} ]; function mergeObj(accumulator,current){ accumulator[current['Key']]=current['Value']; return accumulator; } function getResults(obj){ return obj.Cells.Results.reduce(mergeObj,{}); } var transformed_array=_(initial_array).map(getResults).value(); console.log(transformed_array); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.13.1/lodash.min.js"></script>