解构对象数组：如何重命名属性并为undefined值设置默认值？

首先，你遇到的错误根源在于：当event.tags是undefined或者空数组时，直接解构[{ name: colour = 'none' }]相当于试图从一个不存在的数组元素（undefined）中读取name属性，自然会抛出未定义错误。我们需要先给数组本身设置默认空数组，再给数组的第一个元素设置默认空对象，才能安全地给嵌套属性添加默认值。

修正后的完整解构代码如下：

const { 
  description, 
  categories, 
  id, 
  title, 
  tags: [{ name: colour = 'none' } = {}] = [], // 重点修正部分
  organizer: [{ organizer: organiser } = {}] = [], // 同步优化organizer的解构安全性
  venue: { venue } = {} // 若venue可能为undefined，建议添加默认空对象避免报错
} = event;

逐部分拆解说明： #

• tags: [...] = []：当event.tags为undefined时，会用空数组[]作为兜底默认值，避免数组解构直接失败。
• [{ name: colour = 'none' } = {}]：当数组的第一个元素（即tags[0]）为undefined时，会用空对象{}作为默认值，这样解构name属性时就不会触发“读取undefined属性”的错误；同时完成name到colour的重命名，且当name不存在或为undefined时，自动赋值默认值'none'。
• 同理给organizer和venue添加了默认值处理，让整个解构逻辑更健壮，避免其他嵌套属性可能引发的同类错误。

这样修改后，不管event.tags是空数组、undefined，还是数组首项没有name属性，colour都会被正确赋值为'none'，不会再出现未定义的报错。

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