如何从现有对象数组选取指定属性生成新对象数组？map错误如何修正？

问题原因 #

你原有代码不符合预期的核心问题有两点：

1. 箭头函数使用花括号{}包裹函数体时，必须显式用return语句指定返回值，否则默认返回undefined
2. 你没有将需要保留的属性封装为对象结构，直接写a.name, a.height属于逗号表达式，只会返回最后一个表达式的结果，不会生成目标对象

修正代码 #

写法1：显式返回对象（可读性更高，适合需要加额外逻辑的场景）

const result = initialArray.map((a) => {
  return { name: a.name, height: a.height };
});

写法2：隐式返回对象（更简洁，JS会自动把小括号包裹的内容识别为返回值，避免把对象的花括号误判为函数体边界）

const result = initialArray.map(a => ({ name: a.name, height: a.height }));

通用扩展方案 #

如果后续需要频繁调整要提取的属性，可以封装通用提取函数，降低维护成本：

// 通用属性提取工具
const pick = (originObj, keyList) => keyList.reduce((result, key) => {
  result[key] = originObj[key];
  return result;
}, {});

// 调用时只需传入要保留的属性数组即可
const result = initialArray.map(item => pick(item, ['name', 'height']));

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