如何在Angular JS的对象数组内求和货币值

Question

我有一个API调用返回的对象数组。 对象结构看起来像这样..

像这样，数组可以包含n个对象。

我要做的是.. sum up all the values of all the object's selectedMapping.cost并显示总和。

但是一个问题是costs可能有些棘手。

它们可以采用.30或978等格式，因此我们必须分别假设0.30和978.00。 它们也可以为null或未定义，在这种情况下，我们必须将其默认设置为0.0

如何在Angular JS中实现总和？ 如何处理适当的转换并显示总和？

Answer 1

这似乎是使用减少的好时机

 const data = [ { selectedMapping: { cost: ".30" } }, { selectedMapping: { cost: "200" } }, { selectedMapping: { cost: ".60" } }, { selectedMapping: { cost: ".22" } }, { selectedMapping: { cost: null } }]; const sumCost = (data) => data.reduce( (cost, entry) => cost + (parseFloat(entry.selectedMapping.cost) || 0), 0 ) console.log(sumCost(data)) 

Answer 2

希望我对你没错，然后我创建的这个插件可以满足您的要求： https ://embed.plnkr.co/zzQkybjND5xi2Uo7dNHZ/

只需遍历数组，检查该值是否为null或undefined（如果将其设置为0.0）并求和所有值。

Answer 3

这是我处理未定义/空项目的解决方案

const sum = items.reduce((prevVal,item)=>{
  const selectedMapping = item.selectedMapping || null
  const cost = (isNaN(selectedMapping) && 'cost' in selectedMapping)? Number(selectedMapping.cost) : 0 
  return prevVal + cost
},0)
console.log(sum.toFixed(2))

这是一个JSBin

以及JavaScript的Map，Reduce和Filter的参考

Answer 4

您可以映射到数组并获取成本，然后使用ramdajs的R.sum方法

const array = [
  {
    selectedMapping: {
      cost: ".30"
    }
  },
  {
    selectedMapping: {
      cost: "200"
    }
  },
  {
    selectedMapping: {
      cost: ".60"
    }
  },
  {
    selectedMapping: {
      cost: ".10"
    }
  },];

const currency = array.map(curr=>parseFloat(curr.selectedMapping.cost))
R.sum(currency); 

这是拒绝执行此操作的代码。