从 object 数组更新特定属性

Question

这是数组 object 目前正在处理 angular 项目

{
    "DATA": [
        {
            "CUSTOM1": [
                {
                    "value": "Item1",
                    "isSelected": true
                },
                {
                    "value": "Item2",
                    "isSelected": true
                },
                {
                    "value": "Item2",
                    "isSelected": false
                },
                {
                    "value": "Item3",
                    "isSelected": false
                }
         
            ],
         CUSTOM2": [
                {
                    "value": "Item11",
                    "isSelected": true
                },
                {
                    "value": "Item12",
                    "isSelected": true
                },
                {
                    "value": "Item13",
                    "isSelected": false
                },
                {
                    "value": "Item14",
                    "isSelected": false
                }
         
            ]
        }
    ]
}

我想从CUSTOM1更新isSelected为false

如何在打字机中做到这一点

期待更好的解决方案

提前致谢

Answer 1

运行以下代码：

let data = {
    "DATA": [
        {
            "CUSTOM1": [
                {
                    "value": "Item1",
                    "isSelected": true
                },
                {
                    "value": "Item2",
                    "isSelected": true
                },
                {
                    "value": "Item2",
                    "isSelected": false
                },
                {
                    "value": "Item3",
                    "isSelected": false
                }
         
            ],
         "CUSTOM2": [
                {
                    "value": "Item11",
                    "isSelected": true
                },
                {
                    "value": "Item12",
                    "isSelected": true
                },
                {
                    "value": "Item13",
                    "isSelected": false
                },
                {
                    "value": "Item14",
                    "isSelected": false
                }
         
            ]
        }
    ]
};
data.DATA[0].CUSTOM1.forEach((val) => val.isSelected = false);

Answer 2

您提供的代码看起来像 JSON 字符串。 您首先需要将其转换为 JavaScript object。

然后您可以循环DATA数组以获取每个CUSTOM1 。 然后将isSelected属性更新为false 。

// I shortened your example down for simplicity.
const jsonString = `{"DATA": [{ "CUSTOM1": [{ "value": "Item1", "isSelected": true}]}]}`

const parsedJson = JSON.parse(jsonString);

const data = parsedJson.DATA;

data.forEach(d => 
  d.CUSTOM1.forEach(c1 => c1.isSelected = false)
);

---

大多数时候，这些字符串是从后端 API 返回的。 我们已经知道返回的 object 的形状。 最好为它创建一个type或interface 。 我们使用TypeScript的原因是我们可以利用类型系统。

type CUSTOM1 = {
    value: string;
    isSelected: boolean;
};

type CUSTOM2 = {
    value: string;
    isSelected: boolean;
};

type DATA = {
    custom1: CUSTOM1[];
    custom2: CUSTOM2[];
};

const data: DATA[] = [
    {
        custom1: [
            { value: 'item1', isSelected: true }
        ],
        custom2: [
            { value: 'item11', isSelected: false }
        ]
    }
];