typescript - 将对象数组转换为特定键的值数组

Question

我的对象看起来像这样。

var fruits = [
    {
        name: 'apple',
        color: 'golden'
    },
    {
        name: 'pear',
        color: 'green'
    },
    {
        name: 'mango',
        color: 'yellow'
    }
]

现在我想要的是一组水果的名称fruit object

console.log(getFruitNames(fruits)) //['apple','pear','mango']

Answer 1

您只需要 amap返回每个名称。

var fruits = [
    {
        name: 'apple',
        color: 'golden'
    },
    {
        name: 'pear',
        color: 'green'
    },
    {
        name: 'mango',
        color: 'yellow'
    }
]

console.log(getFruitNames(fruits))

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

也是一个TS playgorund

Answer 2

Array.prototype.map()是你需要的。

它将创建一个新数组，其中填充了在调用数组中的每个元素上调用提供的函数的结果。

var fruits = [
    {
        name: 'apple',
        color: 'golden'
    },
    {
        name: 'pear',
        color: 'green'
    },
    {
        name: 'mango',
        color: 'yellow'
    }
];


console.log(fruits.map(x => x.name))

更多关于map可以在这里找到：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map