JavaScript保留关键字未正确通过函数传递

Question

我正在尝试建立一个页面，用户可以在该页面上标记他们访问过的地图上的城市，并将数据存储在Firebase上以备将来访问。我遇到的问题是诸如“纽约”或“新奥尔良”之类的以保留关键字开头的城市。此功能在页面加载时运行，以调整以前访问过的城市，以在地图上标记为带有对勾图像的访问过的城市。

  function adjustMarkers() {
  database.ref("users/" + uid + "/citiesVisited").once("value").then(function(userSnapshot){
    userSnap = userSnapshot.val();
    citiesArray = Object.entries(userSnap);
    for (var [cityName, visited] of citiesArray) {
        if (visited == "yes") {
            $("#" + cityName).attr("src", "assets/images/checkmark.png")
            $("#" + cityName).attr("data-clicked", "yes")
        }
    }
})

}

运行此功能时，纽约，新奥尔良，华盛顿特区和洛杉矶等城市无法正确更新。我意识到我可以将这些城市名称存储在Firebase中，作为其他名称，例如NY，NO，DC和LA，以使其正常运行。但是我非常想保留它们的专有名称用于其他显示目的。我可以在这方面使用替代方法吗？

在这里的第一篇文章，如果这篇文章违反任何规则，我深表歉意。在发布此消息之前，我搜索了很多内容，但是可能错过了类似的先前问题。

编辑：进一步思考，这可能与保留字根本无关，可能只是所有有多个字的城市。如果解决方案对我而言立即显而易见，我将删除此内容。

Answer 1

问题不在于Javascript保留关键字-问题在于，如果cityName有空格，则例如New York：

$("#" + cityName)

将解决

$("#New York")

这意味着：查找一个元素tagName为“ York”的元素，该元素是其ID为“ New”的元素的后代。

$("#" + cityName)

$("#New York")

任何cityName带空格的功能将无法正常运行。

一个简单的解决方案是在HTML中（以及在数据库中，或者在传递cityName给之前$）用破折号替换所有空格，以便解析为类似

$("#New-York")

如果数据库中包含包含Java保留字的数据，那么您可能唯一需要担心的就是使用的eval是它的等价物之一，否则我永远都不必担心。 。