下划线地图对象

Question

我整天都在为这个问题苦苦挣扎。

我得到了以下数组：

controller.array = [{
  Equity: "0",
  Bond: "97.42",
  Cash: "67.98"
}, {
  Equity: "5.32",
  Bond: "13.12",
  Cash: "8"
}, {
  // ...
} /* ... */ ]

我想做的是创建一个数组，其中包含具有组合值的对象，如下所示：

controller.newArray = [{
  Type: "Equity",
  Percentage: "5.32"
}, {
  Type: "Bond",
  Percentage: "110.54"
}, {
  Type: "Cash",
  Percentage: "75.98"
} /* ... */ ]

我试过这样使用 _.each：

.map(function(item, value) {
    var array = [];
    _.each(item, function(value, item) {
      array.push({
        'Source': item,
        'Percentage': value
      })
    })
    return array;
  })
  .value()

然后发生的是它 returns 一个数组，包含多个数组，其中的对象具有我的值。现在我的问题是我似乎无法组合所有返回的数组。

有什么想法吗？请?

Answer 1

如果您需要对每种类型求和，那么应该这样做：

keys = {Equity: 0, Bond: 0, Cash: 0}
//newArray is the array from your question
newArray.forEach(function(obj) { 
   keys[obj.Type] +=  obj.Percentage})

Answer 2

您可以将对象数组转置为按公共键分组的值数组。

然后您可以将值映射到生成的对象。

transpose() 和 sum() 函数是下划线混入，所以你可以链接它们！

_.mixin({
  transpose : function(array) {
    return _.chain(array).map(_.keys).flatten().uniq().reduce(function(result, key) {
      result[key] = _.pluck(array, key);
      return result;
    }, {}).value();
  },
  sum : function(values) {
    return _.reduce(values, function(sum, value) {
      return sum + (_.isNumber(value) ? value : parseFloat(value));
    }, 0);
  }
});

var array = [{
  Equity: "0",
  Bond: "97.42",
  Cash: "67.98"
}, {
  Equity: "5.32",
  Bond: "13.12",
  Cash: "8"
}];

var result = _.chain(array).transpose().map(function(value, key) {
  return {
    Type: key,
    Percentage: _.sum(value).toFixed(2)
  };
}).value();

console.log(JSON.stringify(result, null, 2));

.as-console-wrapper { top: 0; max-height: 100% !important; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Answer 3

一种方法，仅使用 JavaScript 可能是使用 map 和 reduce 函数：

var data = [{Equity: "0", Bond: "97.42", Cash: "67.98"},
            {Equity: "5.32", Bond: "13.12", Cash: "8"}];

var sumMap = data.reduce(function(acc, item) {
  Object.keys(item).forEach(function(itemKey) {
    if (acc[itemKey] === undefined) {
      acc[itemKey] = 0;
    }
    acc[itemKey] += parseFloat(item[itemKey]);
  });
  return acc;
}, {});
var result = Object.keys(sumMap).map(function(itemKey) {
  return {
    "Type": itemKey,
    "Percentage": "" + sumMap[itemKey]
  };
});

console.log(JSON.stringify(result, null, 2));

中间结果sumMap将是这样的：

 {
   Equity: 5.32,
   Bond: 110.54,
   Cash: 75.98
 }

fiddle（感谢 CPHPPython）。

下划线地图对象

Underscore Map Object

javascript

arrays

object

underscore.js