为什么我的记录值是正确的，但是当我返回时它是'未定义的'？

Question

我有一种感觉我错过了一个明显的观点，但我已经尝试了我所知道的所有方法，并且还研究了有关该主题的所有现有问题（其中大部分涉及异步调用）。

在下面的代码中，我试图找到匹配缩写的国家。当我记录结果时，我得到正确的结果 - 但是当我返回时，我得到undefined。

var countries = [ 
 
    {value: 'Belgium', data: 'BE'}, 
 
    {value: 'France', data: 'FR'}, 
 
    {value: 'Bulgaria', data: 'BG'}, 
 
    {value: 'Denmark', data: 'DK'}, 
 
    {value: 'Croatia', data: 'HR'}, 
 
    {value: 'Germany', data: 'DE'}, 
 
]; 
 
     
 
function findCountry(code) { 
 
    $.each(countries, function (i, obj) { 
 
    if (obj.data === code) { 
 
     console.log(countries[i]['value']); 
 
     return countries[i]['value']; 
 
    } 
 
    }); 
 
} 
 

 
var k = findCountry('DE'); 
 
alert(k);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我曾尝试其他的事情：

countries[i].value; 
obj.value; 
obj['value']; 

Answer 1

您可以使用find代替each方法只返回目标元素。

documentation

var countries = [ 
 
    {value: 'Belgium', data: 'BE'}, 
 
    {value: 'France', data: 'FR'}, 
 
    {value: 'Bulgaria', data: 'BG'}, 
 
    {value: 'Denmark', data: 'DK'}, 
 
    {value: 'Croatia', data: 'HR'}, 
 
    {value: 'Germany', data: 'DE'}, 
 
]; 
 
     
 
function findCountry(code) { 
 
return countries.find(function(c){ 
 
    return c.data==code; 
 
}); 
 
} 
 

 
var countryObject = findCountry('DE'); 
 
console.log(countryObject); 
 
//Get only the value 
 
console.log(countryObject.value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>