Как извлечь значение объекта по ключу в JavaScript

Оффтоп javascript
1

Я пытаюсь получить название страны по ее коду из объекта, который у меня есть.

В рамках проекта на Vue.js я работаю над созданием вычисляемого свойства, которое должно возвращать название страны на основе кода, полученного из API.

Вот код, который я использую в шаблоне:

countryLabel () {
    var countries = require('../../plugins/countries')
    var countryCode = this.content.country
    function getLabelByValue(countries, countryCode) {
        return Object.keys(countries).find(label => countries[label] === countryCode)
    }
}

И список стран выглядит так:

module.exports = [
    { value: 'AF', label: 'Афганистан' },
    { value: 'AX', label: 'Аландские острова' },
    { value: 'AL', label: 'Албания' },
    { value: 'DZ', label: 'Алжир' },
    { value: 'AS', label: 'Американское Самоа' },
    { value: 'AD', label: 'Андорра' },
    { value: 'AO', label: 'Ангола' },
    { value: 'AI', label: 'Ангилья' },
    { value: 'AQ', label: 'Антарктида' },
    { value: 'AG', label: 'Антигуа и Барбуда' },
    ...
]

Как корректно выполнить поиск по массиву объектов?

2

У тебя есть пара вариантов. Можешь использовать filter() и взять первый элемент, или написать свою функцию поиска. Кстати, откуда this.content.country? Может добавить валидацию и для него? И этот список стран статичный или обновляется?

3

Можешь упростить через деструктуризацию:

computed: {
  countryLabel() {
    const countries = require('../../plugins/countries')
    const { label } = countries.find(c => c.value === this.content.country) || {}
    return label || 'Неизвестная страна'
  }
}

Код короче и читается легче. || {} защищает от ошибок, если код страны не найдется.

4

Проблема в том, что у тебя массив объектов, а не просто объект. Используй find() для массива:

countryLabel () {
    var countries = require('../../plugins/countries')
    var countryCode = this.content.country
    var country = countries.find(item => item.value === countryCode)
    return country ? country.label : 'Страна не найдена'
}

Так найдешь объект где value равно твоему коду и вернешь его label. Не забудь проверку на случай если страна не найдется.