javascript - 无法弄清楚如何正确断言对象

标签 javascript object mutation

let records = {
  2018: {
    Jan: {
      records: [{ 
        id: 123, 
        date: '01-Jan-2018', 
        amount: 300,
        type: 'expense'
       }],
      totalExpenses: 300,
      totalIncome: 0
    },
    Feb: {
      records: [{ 
        id: 234, 
        date: '01-Jan-2019', 
        description: 'Syabas', 
        amount: 100,
        type: 'income'
       }],
      totalExpenses: 0,
      totalIncome: 100
    }
  },
  2019: {
    Jan: {
      records: [{ 
        id: 789, 
        date: '01-Jan-2019', 
        description: 'McD', 
        amount: 150,
        type: 'expense'
       }],
      totalExpenses: 150,
      totalIncome: 0
    },
  }
}
let year = 2018;
let month = 'Jan';

const yearRecords = records[year] || { [year]: {} };
const monthRecords = yearRecords[month] || { [month]: {} };
const recordList = monthRecords['records'] || [];

const newRec = {id: 666, amount: 9999};
const newRecordList = [...recordList, newRec];
monthRecords['records'] = newRecordList;
monthRecords.totalExpenses = newRecordList.reduce((accumulator, record) => {
  return accumulator + record.amount;
}, 0);


console.log({...records, [year]: yearRecords})

我有一个现有 records 的列表,我正在尝试将新记录 newRec 附加到这个 records 中。

挑战在于,年份的关键可能/可能不存在,几个月也是如此。如果它存在,追加到 records 数组并增加 totalExpenses 字段。

如上所示,如果 records 中存在 year/month,我就可以正常工作,但如果我设置它 let year = 2020,它在记录中成为额外的一级,这是错误的。我已经尝试了很多小时仍然无法弄清楚,想知道是否有更简单的方法来进行上述断言?

当年份 = 2020 时,下面将显示错误的结果

let records = {
      2018: {
        Jan: {
          records: [{ 
            id: 123, 
            date: '01-Jan-2018', 
            amount: 300,
            type: 'expense'
           }],
          totalExpenses: 300,
          totalIncome: 0
        },
        Feb: {
          records: [{ 
            id: 234, 
            date: '01-Jan-2019', 
            description: 'Syabas', 
            amount: 100,
            type: 'income'
           }],
          totalExpenses: 0,
          totalIncome: 100
        }
      },
      2019: {
        Jan: {
          records: [{ 
            id: 789, 
            date: '01-Jan-2019', 
            description: 'McD', 
            amount: 150,
            type: 'expense'
           }],
          totalExpenses: 150,
          totalIncome: 0
        },
      }
    }
    let year = 2020;
    let month = 'Jan';

    const yearRecords = records[year] || { [year]: {} };
    const monthRecords = yearRecords[month] || { [month]: {} };
    const recordList = monthRecords['records'] || [];

    const newRec = {id: 666, amount: 9999};
    const newRecordList = [...recordList, newRec];
    monthRecords['records'] = newRecordList;
    monthRecords.totalExpenses = newRecordList.reduce((accumulator, record) => {
      return accumulator + record.amount;
    }, 0);


    console.log({...records, [year]: yearRecords})

最佳答案

您可以使用reduce 方法来做到这一点。

let records = {"2018":{"Jan":{"records":[{"id":123,"date":"01-Jan-2018","amount":300,"type":"expense"}],"totalExpenses":300,"totalIncome":0},"Feb":{"records":[{"id":234,"date":"01-Jan-2019","description":"Syabas","amount":100,"type":"income"}],"totalExpenses":0,"totalIncome":100}},"2019":{"Jan":{"records":[{"id":789,"date":"01-Jan-2019","description":"McD","amount":150,"type":"expense"}],"totalExpenses":150,"totalIncome":0}}}

let month = 'Jan';

function update(year, month, obj, target) {
  [year, month].reduce(function(r, e, i, a) {
    if(!a[i + 1] && r[e]) {
      r[e].records.push(obj);
      r[e].totalExpenses += obj.amount
    }
    return r[e] = (r[e] || (a[i + 1] ? {} : {
      records: [obj],
      totalExpenses: obj.amount,
      totalIncome: 0
    }))
  }, target)
}

update(2018, month, {id: 4, amount: 9999}, records);
update(2020, month, {id: 5, amount: 9999}, records);

console.log(records)

关于javascript - 无法弄清楚如何正确断言对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52687037/

相关文章:

javascript - Javascript 中的最大数组大小

javascript - 使用 AJAX 根据数据库输出动态附加 <tr>

javascript - Backbone 集合获取(添加 :true) does not update the collection

ocaml - 如何在OCaml中保存和更改变量的值?

javascript - 如果数组第一个元素中的字符串包含数组第二个元素中字符串的所有字母,则返回 true

javascript - 当 HTML 元素滚动到 View 中时是否会触发 Javascript 事件?

Javascript - "this"为空

javascript - 从对象中提取名称与测试匹配的属性

Python,我的对象声称无法访问方法

arrays - 多维数组、Vuex 和突变