如何修复无法读取未定义的属性“纬度”

Question

我的代码不起作用。我需要将数组的值与输入的值进行比较并返回纬度和经度值以便在地图上绘制该点，但只会得到错误无法读取未定义的属性纬度。

var auto1 = [{"Latitude": 42.389, "Longitude": -8.567, title: "test"}];

var digit = document.getElementById('searchmap');
var ret = digit.value;

function search(namek, myarray){
   for(var i=0; i<myarray.length; i++){
      if(myarray[i].title === namek){
         return myarray[i];
       } else{ return false;
       }
    }
 }

var obj = search(ret,auto1);
function showauto(){
     var retu = new google.maps.LatLng(obj.Latitude,obj.Longitude);
     map.setCenter(retu);
 }

我想要 map.setCenter(retu) 工作。谢谢

Answer 1

您的search 函数有一个条件返回值。因此，如果数组参数中没有任何项与条件匹配，它将返回 undefined。在尝试引用函数返回值的属性之前，您需要处理这种情况。

编辑：我不愿提供一个可行的示例，因为我不知道您的规范是什么，但这里有一个可行的示例：

function showauto() {
  const obj = search(ret, auto1)
  if (obj) {
    var retu = new google.maps.LatLng(obj.Latitude,obj.Longitude)
    map.setCenter(retu)
  }
}

如果search 返回一个假值，showauto 函数将不会尝试运行映射逻辑。

Answer 2

试试这样的：

function search(name, myarray) {
    const foundItem = myarray.find(element => {
        return element.title === name
    })
    return foundItem
}

另外我不太确定你在做什么，但也许你在那个 ret 变量中有错误

var ret = digit.value

您没有为在线函数搜索提供正确的值： var obj = search(ret,auto1) 所以你的搜索函数找不到任何东西，它没有返回任何值，obj 变成 undefined 并且你不能访问 undefined 的属性，因为没有。