Это жизнеспособный метод создания карт в JavaScript?

Question

Это пример кода, взятый из руководства разработчика API Карт Google. Я не очень опытный в JavaScript, но я никогда не видел этот синтаксис раньше. Часть, которая меня смущает, - это первая часть, в которой говорится "var citymap = {};" и затем, казалось бы, продолжайте объявлять связку ключей карты города. Затем, позже, они говорят "для (Вар города в карте города) {" и т. Д.

Это единственный / правильный метод создания карты в 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.

Это сокращение от var citymap = new Object();

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

Answer 2

Позвольте мне попытаться объяснить каждый бит кода ...

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

Answer 3

Выражение citymap ['losangeles'] совпадает с citymap.longeles.Вы должны быть осторожны, если вы удаляете из хеш-карты, потому что вы можете написать delete citymap ['losangeles'], но вы не можете написать delete citymap.longeles.Карта города выражения ['losangeles'] также может использоваться, когда у вас есть ключ в строковой переменной:

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