如何从API返回的对象键值对中提取单个字符串类型偏好值？

原代码用filter会返回数组，再加上map自然得到数组类型，还写错了属性名（根本没有value这个键），要拿到单个字符串值，可以这么改：

方案一：分步处理，逻辑更清晰 #

// 先定位到分类为"Alerts"的偏好组
const alertsGroup = userPreferences?.find(item => item.category === "Alerts");
// 提取目标属性值，用空字符串兜底确保类型为string
const result: string = alertsGroup?.preference["UserMessagesYou"] ?? "";

方案二：合并成一行写法 #

const result = userPreferences?.find(item => item.category === "Alerts")?.preference["UserMessagesYou"] ?? "";

改动说明 #

1. 用find替代filter：因为每个分类在数据里是唯一的，find直接返回匹配的单个对象，而不是数组，刚好符合我们取单个值的需求
2. 修正属性取值：原代码里的x.preference.value是错误的，直接用目标键UserMessagesYou取值即可
3. 保证类型安全：用?.处理userPreferences为空、找不到对应分类的情况，再用??设置默认值，确保最终结果一定是string类型，不会出现undefined

如果能100%确定API返回的数据里必有"Alerts"分类，也可以简化成下面的写法，但容错性差，找不到分类时会报错：

const result = userPreferences.find(item => item.category === "Alerts").preference["UserMessagesYou"];

内容的提问来源于stack exchange，提问作者PixelPaul