如何从对象数组中高效提取属性值数组（非循环实现）

嘿，这个需求太常见啦！不想手动写循环的话，JavaScript里的Array.prototype.map()绝对是最优解——它专门用来将数组中的每个元素转换为新的形式，代码简洁还高效，完全符合你的要求。

基础实现示例 #

假设你的对象数组长这样：

const objArray = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 },
  { name: 'Dave', age: 40 }
];

只需要一行代码就能提取所有name属性：

const nameArray = objArray.map(obj => obj.name);
// 输出结果：["Alice", "Bob", "Charlie", "Dave"]

补充说明 #

• map()方法会自动遍历数组的每一个元素，对每个元素执行你传入的回调函数，最后把所有回调的返回值收集成一个新数组返回。虽然底层本质还是遍历逻辑，但你不用手动写for/while循环，代码可读性和维护性都更高。
• 性能上，map()和手动循环几乎没有差异，甚至JavaScript引擎会对这类内置方法做优化，实际运行效率很出色。
• 如果担心数组里有对象可能缺失name属性，可以加个默认值避免出现undefined：

  const nameArray = objArray.map(obj => obj?.name || 'Unknown');
  

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