Question

这是从Google Maps API开发人员指南中获取的代码示例。我对JavaScript没有超级经验，但我以前从未见过这种语法。困扰我的部分是第一部分，他们说“var citymap = {};”然后似乎继续宣布一堆城市地图键。然后，他们会说“for（城市地图中的var city）{”等等。

这是在JavaScript中制作地图的唯一/正确方法吗？

// Create an object containing LatLng, population.
var citymap = {};
citymap['chicago'] = {
  center: new google.maps.LatLng(41.878113, -87.629798),
  population: 2842518
};
citymap['newyork'] = {
  center: new google.maps.LatLng(40.714352, -74.005973),
  population: 8143197
};
citymap['losangeles'] = {
  center: new google.maps.LatLng(34.052234, -118.243684),
  population: 3844829
}
var cityCircle;

function initialize() {
  var mapOptions = {
    zoom: 4,
    center: new google.maps.LatLng(37.09024, -95.712891),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

  var map = new google.maps.Map(document.getElementById("map_canvas"),
      mapOptions);

  for (var city in citymap) {
    // Construct the circle for each value in citymap. We scale population by 20.
    var populationOptions = {
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35,
      map: map,
      center: citymap[city].center,
      radius: citymap[city].population / 20
    };
    cityCircle = new google.maps.Circle(populationOptions);
  }
}

Answer 1

让我试着解释每一段代码......

var citymap = {};

这会创建一个空对象......以下内容会向对象添加值：

citymap['chicago'] = {
  center: new google.maps.LatLng(41.878113, -87.629798),
  population: 2842518
};

这会添加一个新密钥（'chicago'）并为其添加一些属性（center和population），但是对象的循环是

for (var city in citymap) {

此语句循环citymap对象，将city分配给每个对象的键。要访问代码使用的属性

citymap[city].center
citymap[city].population

它是使用多个值创建和循环和对象的最佳方法。使用JavaScript中的对象有一些really good documentation here

Answer 2

var citymap = {}

表示他们正在创建一个名为citymap的对象。

它是var citymap = new Object();

的简写

http://www.phpied.com/3-ways-to-define-a-javascript-class/

Answer 3

表达式citymap ['losangeles']与citymap.longeles相同。你必须小心，如果你从哈希地图中删除，因为你可以写删除城市地图['losangeles']，但你不能写删除citymap.longeles。当你在String变量中有一个键时，表达式citymap ['losangeles']也是可用的：

 var city = 'losangeles';
 var x = citymap[city]; //good
 var x = citymap.city; //error

这是一个可行的JavaScript地图制作方法吗？

3 个答案: