Question

我正在解决一个问题，我使用对象嵌套数组，我需要检查 myData.consumedParts 数组中的部分或所有对象是否以 true 值使用。

const myData = [
 {
    name: "sample data 1",
    code: "450W0619P001",
    consumedParts: [
      { serial: "arr 1 - part 1", consumed: true },
      { serial: "arr 1 - part 2", consumed: false },
    ],
  },
  {
    name: "sample data 2",
    code: "450W0619P001",
    consumedParts: [
      { serial: "arr 2 - part 1", consumed: true },
      { serial: "arr 2 - part 2", consumed: true },
    ],
  },
];
const [parts, setParts] = useState(myData);

然后我需要将消耗的对象保存在另一种状态。我正在尝试使用以下功能，它成功删除了消耗的项目，但没有将它们保存在新状态 [consumedParts, setConsumedParts]：

const [consumedParts, setConsumedParts] = useState([]);
  const markConsumed = (index) => {
    const newParts = [...parts];
    const SelectedParts = newParts[index].reserved;
    const newDelTodo = consumedParts.slice();
    for (let i = SelectedParts.length - 1; i >= 0; --i) {
      if (SelectedParts[i].selected == true) {
        SelectedParts.splice(i, 1);
        newDelTodo.push(SelectedParts[i]);
      }
    }
    setConsumedParts(newDelTodo);
    setParts(newParts);
  };

请查看并告诉我如何使此代码工作。谢谢

Answer 1

您可以使用 array#map 遍历数据并使用 consumedParts 过滤 array#filter 状态。

const myData = [ { name: "sample data 1", code: "450W0619P001", consumedParts: [ { serial: "arr 1 - part 1", consumed: true }, { serial: "arr 1 - part 2", consumed: false }, ], }, { name: "sample data 2", code: "450W0619P001", consumedParts: [ { serial: "arr 2 - part 1", consumed: true }, { serial: "arr 2 - part 2", consumed: true }, ], }, ],
     getConsumedParts = (status) => myData.map(o => {
        return {
          ...o,
          consumedParts: o.consumedParts.filter(o => o.consumed === status)
        }
     });
console.log(getConsumedParts(true));
console.log(getConsumedParts(false));

.as-console-wrapper { max-height: 100% !important; top: 0; }

通过检查对象值将嵌套数组对象移动到另一个嵌套数组

1 个答案: