如何处理API返回的对象数组，将name字段作为键实现键名查找？

首先需要先说明一个细节：你贴出的目标结构是「数组嵌套多个单键对象」的格式，这种结构本身无法直接通过data["Jim"]的方式访问到对应数据——数组的默认索引是数字类型，字符串键不会匹配到数组内部的元素属性。如果你的核心需求是支持按键名直接取值，更推荐直接输出平面对象结构，两种场景的实现代码如下：

按你给出的数组嵌套结构转换 #

用数组的map方法遍历原始接口返回值，每次遍历解构出name字段作为对象键，剩余字段作为值即可：

// rawData 为接口返回的原始数组
const rawData = [
  { name: "Charles", age: 42, height: 76 },
  { name: "Jim", age: 32, height: 56 },
  { name: "Ed", age: 22, height: 76 }
]

const formattedArray = rawData.map(item => {
  // 解构分离name字段和其余属性
  const { name, ...restProps } = item
  return { [name]: restProps }
})

运行后得到的结果和你贴出的期望结构完全一致。

支持data["Jim"]直接访问的推荐写法 #

如果要实现通过name值直接取对应对象的需求，不需要嵌套数组层，直接用reduce把原始数组转成以name为键的平面对象即可，访问效率更高，也是这类场景的通用处理方案：

const rawData = [
  { name: "Charles", age: 42, height: 76 },
  { name: "Jim", age: 32, height: 56 },
  { name: "Ed", age: 22, height: 76 }
]

const keyedData = rawData.reduce((result, item) => {
  const { name, ...restProps } = item
  result[name] = restProps
  return result
}, {})

转换完成后直接调用keyedData["Jim"]就能拿到{ age: 32, height: 56 }，完全符合按键访问的需求。

不推荐为了兼容数组结构强行给数组实例添加自定义字符串属性来实现按键访问，这种写法会破坏数组的标准结构，后续遍历、序列化操作时很容易出现异常。

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