javascript - 如何在reactjs中循环重复嵌套数组

Question

我想计算成本，但我在过去 1 小时内陷入困境。这是我的数据

Todo: [{
    name: "primary",
    items: [{
        item: 'Todo itme #1',
        isDone: false,
        cost: 0
    }]
}, {
    name: "Secondary",
    items: [{
        item: 'Todo itme #1',
        isDone: false,
        cost: 0
    }]
}]

我想循环所有项目并计算总成本。

• 我尝试过使用 for 循环
• 在 map 中使用 map

但我无法解决它。

items 数组中的条目可以动态增加。

请指导!

Answer 1

Array#reduce 解决方案。

let Todo = [{
  name: "primary",
  items: [{
    item: 'Todo itme #1',
    isDone: false,
    cost: 3
  }, {
    item: 'Todo itme #2',
    isDone: false,
    cost: 2
  }]
}, {
  name: "Secondary",
  items: [{
    item: 'Todo itme #3',
    isDone: false,
    cost: 1
  }]
}], 
   totalCost = Todo.reduce((s,a) => {
     return s + a.items.reduce((s,a) => s + a.cost, 0);
   }, 0);
  
  console.log(totalCost);