Apps Script解析JSON读取cse_thumbnail[0].src报0未定义错误如何解决

错误原因 #

• 原始返回数据未完成JSON解析：调用接口拿到的是字符串格式的响应内容，没有通过JSON.parse()转换为可操作的JS对象，导致pagemap本身就不是对象，访问其下的cse_thumbnail自然返回undefined。
• 属性访问层级错误：如果使用的是Google自定义搜索API的返回结果，pagemap属性是挂载在items数组的单个条目下的，直接访问顶层的pagemap会返回undefined。
• 部分返回条目缺少对应字段：不是所有搜索结果都会携带cse_thumbnail属性，当遇到无该字段的条目时直接访问cse_thumbnail[0]就会触发该报错。

解决方法 #

• 先完成JSON数据解析：拿到接口响应后先转换为JS对象再操作，示例代码：
  const data = JSON.parse(response.getContentText())
• 增加属性存在性校验再取值：推荐使用可选链语法简化判断，同时可设置兜底默认值避免后续逻辑报错：
  const thumbnailSrc = pagemap?.cse_thumbnail?.[0]?.src ?? ''
  如果需要兼容旧版Apps Script运行时，可使用手动判断写法：

let thumbnailSrc = ''
if (pagemap && pagemap.cse_thumbnail && Array.isArray(pagemap.cse_thumbnail) && pagemap.cse_thumbnail.length > 0) {
  thumbnailSrc = pagemap.cse_thumbnail[0].src
}

• 校正访问层级（针对Google CSE场景）：先遍历items数组再获取对应条目下的pagemap：

const searchItems = data.items || []
searchItems.forEach(item => {
  const pagemap = item.pagemap || {}
  const thumbnailSrc = pagemap?.cse_thumbnail?.[0]?.src ?? ''
  // 此处写后续业务逻辑
})

内容的提问来源于stack exchange，提问作者Jing Xiang Chen