如何检查JavaScript中res.payload.data[0].tnxResponse对象映射是否存在？

可能的报错原因及解决办法 #

1. 运行环境不支持可选链操作符 #

可选链（?.）是ES2020新增的语法特性，如果你的运行环境（Node.js或浏览器）版本过低，会因为不识别该语法而报错。

解决方式：

• 升级Node.js到14.0.0及以上版本；
• 若需兼容旧环境，使用Babel转译代码，安装并配置@babel/plugin-proposal-optional-chaining插件；
• 改用传统的嵌套判断写法替代可选链。

2. 传统嵌套判断写法示例 #

如果暂时无法升级环境或配置转译工具，可以用多层条件判断安全访问嵌套属性：

let val;
// 依次检查每一层是否存在，同时确保data是数组且有元素
if (res && res.payload && res.payload.data && Array.isArray(res.payload.data) && res.payload.data.length > 0) {
  val = res.payload.data[0].tnxResponse;
} else {
  val = undefined; // 可根据需求设置默认值，比如null或空字符串
}

3. 修正可选链写法的细节 #

如果环境本身支持可选链但仍报错，可调整数组索引部分的写法，避免data存在但非数组的情况引发异常：

let val = res?.payload?.data?.[0]?.tnxResponse;

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