Javascriptのキーからオブジェクト値を取得しようとしています

Question

オブジェクト内の値（国コード）から国ラベル（名前）を取得しようとしています。

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[value] === countryCode) 
    } 
} 

：

module.exports = [ 
    { value: 'AF', label: 'Afghanistan' }, 
    { value: 'AX', label: 'Aland Islands' }, 
    { value: 'AL', label: 'Albania' }, 
    { value: 'DZ', label: 'Algeria' }, 
    { value: 'AS', label: 'American Samoa' }, 
    { value: 'AD', label: 'Andorra' }, 
    { value: 'AO', label: 'Angola' }, 
    { value: 'AI', label: 'Anguilla' }, 
    { value: 'AQ', label: 'Antarctica' }, 
    { value: 'AG', label: 'Antigua and Barbuda' }, 
    ... 
] 

Answer 1

おそらく、アレイ上Object.keysを呼び出すことにしたくありません。このような

何かが何をしたい、おそらくもっとある：

function getLabelByValue(countries, countryCode) { 
    const entry = countries.find(item => item.value === countryCode); 
    return entry ? entry.label : null; 
} 

は問題がアレイ上Object.keysを呼び出すと、文字列に変換されている数字の配列を返すことです。

> console.log(Object.keys(['this', 'is', 'an', 'array'])); 
['0', '1', '2', '3'] 

exportsは既に配列なので、find()を直接呼び出すことができます。

Answer 2

これを実行するより良い方法は、オブジェクトを使用することです。これは、オブジェクトが辞書であるため、javascriptで何かを検索する最も速い方法です。したがって、エクスポートを { AF: 'Afghanistan', AX: 'Aland Islands', etc... } のように変更した場合は、countries[countryCode]を実行してインスタント検索を行うことができます。 rossipediaの答えに基づいて

Answer 3

この私のために働いている：

countryLabel() { 
    const countries = require('../../plugins/countries') 
    return countries.find(item => item.value === this.content.country).label 
}