从数组中的所有对象获取特定键的值[重复]

Question

我在开快车。html" target="_blank">js应用程序，有几个API将数据提供给下拉框。返回的数据格式为：

  [
    {
        key: 'blah',
        value: 'Blah Blah'
    },
    {
        key: 'foo',
        value: 'Foos'
    },
    {
        key: 'bar',
        value: 'Bars'
    },
    {
        key: 'baz',
        value: 'Bazingo'
    }
];

其中key是我的选项key，value是显示文本。这个数组的结构是固定的，我知道一个事实，我总是将key和value作为数组中每个对象的字段。

当我尝试验证提交的表单（额外的服务器端验证）时，我想交叉引用为字段提供的值与数组中“key”的所有值（blah、foo、bar、baz）。鉴于这将是一个经常使用的路由，我想避免每次都迭代数组以找到允许的值。有更简单的方法吗？换句话说，我知道我可以使用：

 permittedValues = [];
 for (i = 0; i < array.length; i++){
    permittedValues[i] = array[i]["key"];
 }

但如果可能的话，我想避免这种循环。

附言：这似乎是一个基本问题，我在网上找到的答案并没有完全回答我的问题。所以，如果已经问过并回答过，请道歉。

Answer 1

纯Javascript ES6

array.map(value => value.key);

下划线/Lodash

_.map(value,'key')

Answer 2

使用木瓜，

自lodash 4以来。x表示\u。为支持映射功能，已删除Pull功能。

因此，您可以通过以下方式完成所需的任务：

import _ from 'lodash'
_.map(items, 'key');

罗达斯怎么了。拔

Answer 3

您可以映射：

permittedValues = array.map(function(value) {
  return value.key;
});

在ES6/ES2015中，箭头函数更漂亮：

permittedValues = array.map(value => value.key);

它可能更漂亮，但它可能不会比for（）循环快。