时间戳

首页 > 解决方案 > 对对象值求和

javascript - 对对象值求和

问题描述

我正在尝试对对象数据中键“值”的值求和。谷歌搜索了很多，但无法弄清楚这一点。我的猜测是我没有从 localStorage 中检索值。编辑：我想将总和值保存到 localStorage ...

var storage = localStorage.getItem("Bills");
if (storage !== null) {
  var data = JSON.parse(storage);
  loadData(data);
  var id = data.length;
} else {
  id = 0;
  data = [];
};

function loadData(array) {
  array.forEach(function(bill) {
    newItem(bill.name, bill.value, bill.id, bill.payed);
  });
};

function addBill() {
  modal.style.display = "none";
  var bill = document.getElementById("billName").value;
  var billVal = document.getElementById("billValue").value;
  newItem(bill, billVal, id, false);
  data.push({
    name: bill,
    value: billVal,
    id: id,
    payed: false
  });
  billsTotals.innerHTML = Object.values(data).reduce((t, { value }) => t + value, 0); // ?????
  localStorage.setItem("Bills", JSON.stringify(data));
};

function newItem(name, value, id, payed) {
  if (payed == true) {
    return;
  }
  
  var ul = document.getElementById("list");
  var li = document.createElement("li");
  li.appendChild(document.createTextNode(name + " " + value + "kr"));
  li.setAttribute("id", id);
  ul.appendChild(li);
  bill = document.getElementById("billName").value = "";
  billVal = document.getElementById("billValue").value = "";
};

我尝试在 reduce 之前添加 .values 但没有任何效果：

billsTotals.innerHTML = Object.values(data.value).reduce((t, {value}) => t + value, 0); // ?????

标签： javascriptobjectreduce

解决方案

不确定您的数据变量。但是数据变量是一个数组，那么你可以做这样的事情。

data.reduce((total,{value})=>{
return total +value
},0)

推荐阅读