解决 Cannot read properties of undefined报错

一个 Vue 项目中，调用以下代码时抛出了错误：

if (params.fileList[0]) { params.fileId = params.fileList.map(item => item.id); }

报错信息：
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0')。

错误原因

• params.fileList 是 undefined 或为空数组。
• params.fileList[0] 尝试访问数组第一个元素，但由于数组不存在或为空，触发了 TypeError。

解决方法

1. 添加数组和数据检查：

   if (Array.isArray(params.fileList) && params.fileList.length > 0) { params.fileId = params.fileList.map(item => item.id); }

   调试数据来源：

2. • 检查 params.fileList 的传入逻辑，确保来源正确。
   • 在 if 条件前打印数据：

     console.log(params.fileList);

3. 初始化默认值： 如果 params.fileList 可能未定义，可以添加默认值：

   params.fileList = params.fileList || [];

总结

• 错误原因：直接访问数据结构的成员时，需确保其存在。
• 解决关键：检查数据的类型和内容，并为可能的异常情况提供保护逻辑。

通过这些改进，能够有效避免 TypeError，提高代码的健壮性。