如何确保 Array 具有仅具有唯一键的对象项

Question

我正在创建一个在线商店。 产品具有属性（在这种情况下，iMac 计算机具有以下属性：容量、USB 功能和数字键盘。）我将这些属性存储在我的状态中。

问题是，例如，每次我从 256GB 容量切换到 512GB 容量时，它都会向数组添加一个全新的对象{capacity:"512GB"} 。

如何配置我的处理程序函数（下面的代码），以便它有条件地检查数组中的对象是否已经具有“容量”键，并将其更新为新选择，而不是添加另一个对象？ 我什么都试过了，我很绝望

处理程序接收带有键值对的对象、键（作为label ）本身和类型。 在这种情况下，可以忽略类型。

const handleAttributeChange = (object, type, label) => {
      if (type == "text") {
        this.setState({
          selectedAttributes: {
            id: id,
            text: [...this.state.selectedAttributes.text, object],
            swatch: this.state.selectedAttributes.swatch,
          },
        });
      } else if ((type = "swatch")) {
        this.setState({
          selectedAttributes: {
            id: id,
            text: this.state.selectedAttributes.text,
            swatch: [...this.state.selectedAttributes.swatch, object],
          },
        });
      }
    };

Answer 1

您可以使用具有 diff 键值的对象来代替数组。 如果键是唯一的。 稍后您可以将其转换为值列表。

 let obj = {}; const update = (o) => { obj = { ...obj, ...o }; }; console.log(obj); update({ a: 1 }); update({ b: 2 }); console.log(obj); // { a: 1, b: 2 } update({ a: 3 }); console.log(obj); // { a: 3, b: 2 } console.log(Object.entries(obj).map(([key, value]) => ({ [key]: value }))); //[ { a: 3 }, { b: 2 } ]