javascript - 我如何在 javascript(使用 redux)中构造数据，如果逻辑发生变化，这将消耗更少的内存并且将来可以轻松修改？

Question

current: [
  { key: "Electricity", budget: { total: null, used: [] }, isAdded: false },
  { key: "Food", budget: { total: null, used: [] }, isAdded: false },
  { key: "Gas", budget: { total: null, used: [] }, isAdded: false },
  { key: "Miscellaneous", budget: { total: null, used: [] }, isAdded: false },
  { key: "Others", budget: { total: null, used: [] }, isAdded: false }
];

在 budget > used 下将有一个对象数组，这些对象将与其父对象相互关联，例如 Electricity，我会更改其中任何一个的值budget > used 和 budget > total 下的对象也将反射(reflect)更改。

请指教我是否应该将父子两个逻辑分开。这是我在这里的第一个问题，所以请原谅我的任何错误，如果您需要任何进一步的说明，请发表评论。

Answer 1

我不知道你用'current'数组做什么。如果您主要关心的是预算，也许您可​​以像这样构建数据:

预算:[{key, used[], total, isAdded}]

在 redux 中维护状态的主要问题之一是尽可能保持状态平坦。在你的数据结构中有一个对象数组，其中 budget 是嵌套的另一个对象，这是一个糟糕的设计，而我的结构中只有一个对象数组