如何在JavaScript中的数组列表中的数组中获取值

Question

要填充HTML选择字段，我需要以下数据：

let options = [
 {'label': '--Choose--', 'value':''},
 {'label': 'Linux', 'value':'linux'},
 {'label': 'OSX', 'value':'mac'},
 {'label': 'Windows 98', 'value':'win9x'},
 {'label': 'Windows XP', 'value':'winxp'}
]

现在使用值“ mac”，我想获得标签“ OSX”。

是否可以使用JSX中的该数组基于该值获取标签？

例如，“ mac”应为“ OSX”

我有ES6 / ReactJS / Undercore / jQuery。

Answer 1

使用filter返回过滤后的数组，获取第一个元素（这是一个对象），然后获取label的值。

var label = options.filter(el => el.value === 'mac')[0].label;

演示

Answer 2

您可以使用Array.prototype.find（） ：

let option = options.find(el => el.value === 'mac');
let label = option ? option.label : undefined;

Answer 3

感谢您的快速答复，对于我自己的用例（不确定'mac'和选项）的用例，我使其更加健壮。 注意==而不是===，因为大多数时间将整数与字符串进行比较。

export function getLabelByValue(value, options) {
  if(value !== '' && value !== null && options.length > 0) {
      return options.filter(el => el.value == value)[0].label
  }
  return ''
}

let label = getLabelByValue('mac', options)