如何解构fetch返回对象中无名称的errors属性？

你可以直接在解构时用引号包裹空字符串作为键，就能拿到对应的错误数组，两种写法都可以：

分步解构 #

先解构外层的响应字段，再单独处理errors里的空键数组：

// 先解构外层的响应属性
const { errors, status, title, traceId, type } = response;
// 解构errors里空字符串对应的数组
const { "": errorList } = errors;

一次性解构 #

也可以在一次解构操作里完成所有字段的提取：

const { 
  errors: { "": errorList }, 
  status, 
  title, 
  traceId, 
  type 
} = response;

处理空键不存在的情况 #

如果担心响应里的errors可能没有空字符串键，还可以给errorList设置默认值，避免报错：

const { 
  errors: { "": errorList = [] }, 
  status, 
  title, 
  traceId, 
  type 
} = response;

原理很简单：空字符串是合法的对象属性名，解构时只要用引号把它包裹起来，就能精准匹配到对应的数组。

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