如何对单个参数使用JavaScript可选链操作符？

你的代码里，当部分用户没有properties字段时，properties会是undefined或null，直接调用Object.values(properties)就会触发"cannot convert null object"错误，导致页面崩溃。这里给你几种靠谱的解决方式：

• 解构时设置默认空对象：在解构用户对象时，给properties指定默认值为空对象，确保Object.values永远能拿到可处理的对象：

  setAllProperties(
      Object.values(users).flatMap(({ properties = {} }) =>
        Object.values(properties)
      )
    );
  

  这样哪怕用户没有properties字段，properties也会被替换成空对象，Object.values({})返回空数组，flatMap会自动忽略这些空数组，不会影响最终结果。

• 用可选链+空值合并运算符兜底：如果不想用解构默认值，也可以直接对user.properties做判断，为空时用空对象替代：

  setAllProperties(
      Object.values(users).flatMap(user =>
        Object.values(user.properties ?? {})
      )
    );
  

  user.properties ?? {}的作用是：当user.properties为null或undefined时，返回空对象，避免Object.values传入无效值。

• 先过滤无properties的用户：如果不需要处理那些没有properties的用户，可以先把这类用户过滤掉再处理：

  setAllProperties(
      Object.values(users)
        .filter(user => user.properties != null)
        .flatMap(({ properties }) => Object.values(properties))
    );
  

  这里filter会筛掉所有properties为null或undefined的用户，后续处理只针对有有效properties的用户，从根源避免报错。

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