JavaScript с нуля

Что такое JSON?

В JavaScript для определения объектов вы используете специальный синтаксис объектного литерала:

let funnyGuy = {

firstName: "Conan",

lastName: "O'Brien",

getName: function () {

return "Name is: " + this.firstName + " " + this.lastName;

}

};

let theDude = {

firstName: "Jeffrey",

lastName: "Lebowski",

getName: function () {

return "Name is: " + this.firstName + " " + this.lastName;

}

};

let detective = {

firstName: "Adrian",

lastName: "Monk",

getName: function () {

return "Name is: " + this.firstName + " " + this.lastName;

}

};

Если вы не понимаете этот синтаксис, то настоятельно рекомендую почитать раздел «Об объектах подробней». Это существенно упростит понимание объектов JSON и работу с ними.

Внешне синтаксис объектного литерала выглядит как куча скобок, фигурных скобок и двоеточий, которые определяют свойства и значения объекта. Несмотря на такую внешнюю странность, изнутри все достаточно наглядно. Вы вольны использовать большинство из распространенных типов данных и обстоятельно представлять их свойства и значения в виде пар ключей и значений, разделенных двоеточием. Помимо всего перечисленного не менее важно то, что этот синтаксис также позволяет создавать структуру и допускает вложенные значения. В целом это достаточно приятный способ представления объектов JavaScript в литеральном виде.

Формат JSON очень многое заимствует от синтаксиса объектного литерала. Ниже приведен пример реальных данных JSON, возвращенных API WeatherUnderground для отображения погоды в моем родном городе Сиэтле:

{

"response": {

"version": "0.1",

"termsofService":

"http://www.wunderground.com/weather/api/d/terms.html",

"features": {

"conditions": 1

}

},

"current_observation": {

"image": {

"url": "http://icons.wxug.com/graphics/wu2/logo_130x80.png",

"title": "Weather Underground",

"link": "http://www.wunderground.com"

},

"display_location": {

"full": "Seattle, WA",

"city": "Seattle",

"state": "WA",

"state_name": "Washington",

"country": "US",

"country_iso3166": "US",

"zip": "98101",

"magic": "1",

"wmo": "99999",

"latitude": "47.61167908",

"longitude": "-122.33325958",

"elevation": "63.00000000"

},

"observation_location": {

"full": "Herrera, Inc., Seattle, Washington",

"city": "Herrera, Inc., Seattle",

"state": "Washington",

"country": "US",

"country_iso3166": "US",

"latitude": "47.616558",

"longitude": "-122.341240",

"elevation": "121 ft"

},

"estimated": {},

"station_id": "KWASEATT187",

"observation_time": "Last Updated on August 28, 9:28 PM PDT",

"observation_time_rfc822": "Fri, 28 Aug 2015 21:28:12 -0700",

"observation_epoch": "1440822492",

"local_time_rfc822": "Fri, 28 Aug 2015 21:28:45 -0700",

"local_epoch": "1440822525",

"local_tz_short": "PDT",

"local_tz_long": "America/Los_Angeles",

"local_tz_offset": "-0700",

"weather": "Overcast",

"temperature_string": "68.0 F (20.0 C)",

"temp_f": 68.0,

"temp_c": 20.0,

"relative_humidity": "71 %",

"wind_string": "Calm",

"wind_dir": "NNW",

"wind_degrees": 331,

"wind_mph": 0.0,

"wind_gust_mph": "10.0",

"wind_kph": 0,

"wind_gust_kph": "16.1",

"pressure_mb": "1008",

"pressure_in": "29.78",

"pressure_trend": "-",

"dewpoint_string": "58 F (15 C)",

"dewpoint_f": 58,

"dewpoint_c": 15,

"heat_index_string": "NA",

"heat_index_f": "NA",

"heat_index_c": "NA",

"windchill_string": "NA",

"windchill_f": "NA",

"windchill_c": "NA",

"feelslike_string": "68.0 F (20.0 C)",

"feelslike_f": "68.0",

"feelslike_c": "20.0",

"visibility_mi": "10.0",

"visibility_km": "16.1",

"solarradiation": "-",

"UV": "0",

"precip_1hr_string": "0.00 in (0 mm)",

"precip_1hr_in": "0.00",

"precip_1hr_metric": " 0",

"precip_today_string": "0.00 in (0 mm)",

"precip_today_in": "0.00",

"precip_today_metric": "0",

"icon": "cloudy",

"icon_url": "http://icons.wxug.com/i/c/k/nt_cloudy.gif",

"nowcast": ""

}

}

Если не обращать внимания на размер, то данные JSON, которые вы видите, имеют много схожего с синтаксисом объектного литерала, виденным вами ранее. Также нужно знать и о некоторых существенных их различиях, но эту занудную тему мы затронем несколько позже. Сначала давайте посмотрим, из чего именно состоит объект JSON.