javascript - 如果 JavaScript 中存在数据，则有条件地应用变量

Question

对于了解 JavaScript 的人来说可能是一个简单的答案，我不是很了解。我正在取回 JSON 数据并将标记应用于 map 。然而，它正在为那些真正把事情搞砸的 null 标记生成标记。所以我需要做的是根据存在的数据创建一个条件变量。我在代码中有以下内容:

let mapElement = document.getElementById('map-banner');
let pointMarkers = mapElement.getAttribute('data-location');
let marked = JSON.parse(pointMarkers);
let bounds = new google.maps.LatLngBounds();
console.log(pointMarkers);

marked.forEach(marked => {
  if (marked.lat > 0 && marked.lat !== null) {
      let lat = marked.lat;
  }
  let lng = marked.lng;

  const marker = new google.maps.Marker({
    position: new google.maps.LatLng(lat, lng),
    map: map,
    icon: '/marker.png',
    title: marked.name
  });
  bounds.extend(marker.position);
});
map.fitBounds(bounds);
};

具体来说，我正在处理变量 lat 和 lng。我也试过:

let lat = marked.lat;
  if (lat > 0 && lat !== null) {
    const lat = marked.lat;
  }

在本例中，它显示了所有数据，但似乎并未应用该条件。

Answer 1

您是有条件地声明变量，这对于 javascript 是可选的。您想要的是使用保护子句跳过循环中的迭代:

marked.forEach(marked => {
    if (marked.lat == null)
        return;

    const marker = new google.maps.Marker({
        position: new google.maps.LatLng(marked.lat, marked.lng),
        map: map,
        icon: '/marker.png',
        title: marked.name
    });
    bounds.extend(marker.position);
});