如何在JavaScript中将对象列表转换为指定结构？

要实现你需要的结构转换，最简洁高效的方式是使用数组的map()方法，它专门用于遍历数组并转换每个元素的结构：

基础实现代码 #

// 原数组
const listA = [{"id":"a", "name":"b", "email":"c"}, {"id":"c", "name":"d", "email":"c"}];

// 转换为目标结构
const listB = listA.map(item => ({
  id: item.id,
  value: item.name
}));

console.log(listB);
// 输出: [{"id":"a", "value":"b"}, {"id":"c", "value":"d"}]

说明 #

map()会遍历listA中的每一个对象，对每个对象执行回调函数，返回一个只包含id和value（对应原对象的name）的新对象，最终所有新对象组成的数组就是你需要的listB。

容错处理（可选） #

如果原数组中可能存在id或name字段缺失的情况，可以添加默认值避免出现undefined：

const listB = listA.map(item => ({
  id: item.id ?? '', // 使用空字符串作为id的默认值
  value: item.name ?? '' // 使用空字符串作为value的默认值
}));

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