如何将对象数组转换为指定key对应值的数组，提取所有name属性值

直接使用JavaScript内置的Array.map()方法即可完成需求，该方法会遍历数组的每一个元素，将回调函数的返回值组合成新数组返回，不会修改原数组。

实现代码 #

function getFruitNames(fruits) {
  return fruits.map(fruit => fruit.name)
}

测试验证 #

使用你提供的fruits数组测试，运行结果符合预期：

var fruits = [
    {
        name: 'apple',
        color: 'golden'
    },
    {
        name: 'pear',
        color: 'green'
    },
    {
        name: 'mango',
        color: 'yellow'
    }
]
console.log(getFruitNames(fruits)) // 输出：['apple','pear','mango']

拓展通用方案 #

如果需要兼容提取其他属性的需求，可以封装为更通用的属性提取方法：

function extractProperty(arr, property) {
  return arr.map(item => item[property])
}

// 调用示例，提取name属性
console.log(extractProperty(fruits, 'name')) // 输出：['apple','pear','mango']
// 如需提取color属性也可直接调用
console.log(extractProperty(fruits, 'color')) // 输出：['golden','green','yellow']

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