JSON: руководство для начинающих

JSON означает нотацию объектов JavaScript. JSON — это текстовый формат, представляющий структурированные данные, что делает его популярным выбором для обмена данными между различными системами, особенно в веб-разработке.

Это позволяет нам общаться между сервером и клиентом. Он используется для хранения и обмена данными.

Он действует как альтернатива XML и основан на литералах объектов JavaScript.

Преимущества:

Легко читается — разработчикам легко писать и понимать.
Легкий вес — минимальный синтаксис и простота, что делает его эффективным для передачи данных по сетям.
Независимый от языка — может использоваться на любом языке программирования для генерации данных JSON, что делает его пригодным для межплатформенного обмена данными.

Типы данных:

JSON предоставляет несколько основных типов данных для представления значений.

Строка: последовательность символов, заключенная в двойные кавычки.
Число: JSON поддерживает как целые числа, так и числа с плавающей запятой.
Boolean: представляет истинное или ложное значение.
Массив: упорядоченный список значений, заключенный в квадратные скобки []. Элементы массива могут иметь любой поддерживаемый тип данных, включая другие массивы или объекты.
Объект: неупорядоченная коллекция пар ключ-значение, заключенная в фигурные скобки {}. Ключи должны представлять собой строки, заключенные в двойные кавычки, а значения могут иметь любой поддерживаемый тип данных, включая другие объекты или массивы.
Null: представляет собой пустое или несуществующее значение.

Например,

{
    "name":"Alice",
    "age":25,
    "isStudent":true,
    "favColours":["red","blue","black"],
    "address": {
        "street":"123 Main St",
        "city":"cityname",
        "zipcode":null
    }
}

Синтаксис:

Синтаксис JSON состоит из набора правил:

Написано внутри фигурных скобок
Данные организованы в пары ключ-значение.
Имена ключей должны быть заключены в двойные кавычки.
Значения могут относиться к любым поддерживаемым типам данных.
Квадратные скобки для хранения массива и фигурные скобки для хранения объектов.

{
  "name": "John",
  "age": 30,
  "isStudent": false
}

JSON против XML

JSON — альтернатива XML. И JSON, и XML используются для хранения и обмена данными. XML — это язык разметки, используемый для структурирования данных и часто используемый в конфигурациях, документах и обмене данными.

Давайте посмотрим разницу между JSON и XML.

JSON — это текстовый формат, а XML — это язык разметки.
JSON легче, а XML тяжелее из-за сложного синтаксиса.
JSON поддерживает несколько основных типов данных, таких как строка, число, логическое значение, массив, объект и значение null, тогда как XML поддерживает только строковый тип данных.

4. Здесь получить данные легко, а в XML — сложно.

<person>
  <name>Alice</name>
  <age>25</age>
  <isStudent>true</isStudent>
  <address>
    <street>123 Main St</street>
    <city>Anytown</city>
  </address>
</person>

В этом примере XML:

Такие теги, как «человек», «имя», «возраст» и «isStudent», представляют элементы. Каждый элемент имеет открывающий и закрывающий тег.

XML более многословен с явными тегами, но менее эффективен для обмена данными из-за своей многословности.

Литерал объекта JavaScript

Мы уже узнали, что JSON основан на литерале объекта JavaScript. Он используется для определения объектов в вашем коде JavaScript и подходит для программного использования.

Синтаксис JSON очень похож на литерал объекта JavaScript. Но в литерале объекта ключи можно определять без кавычек.

const person = {
  name: "Alice",
  age: 25,
  isStudent: true,
  address: {
    street: "123 Main St",
    city: "Anytown"
  }
  displayName:function() {
    return this.name;
  }
};

В этом примере мы можем определить функцию в литерале объекта JavaScript. Но мы не можем напрямую определить функцию в JSON.

Выбор между JSON, JavaScript Object Literal и XML зависит от вашего варианта использования, потребностей в обмене данными и контекста, в котором вы работаете.

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

синтаксический анализ() и строковая обработка()

JavaScript предоставляет встроенные функции для преобразования JSON в литерал объекта JavaScript и наоборот.

Метод JSON.parse() используется для преобразования данных JSON в литерал объекта JavaScript.

const jsonString = '{"name":"John","age":30}';
const person = JSON.parse(jsonString);
// person is now { name: 'John', age: 30 }

Метод JSON.stringify() используется для объекта JavaScript, являющегося литералом данных JSON.

const person = {name: "John", age: 30};
const jsonString = JSON.stringify(person);
// jsonString is now '{"name":"John","age":30}'

Чтобы получить данные из объекта JSON:

Существует два разных способа доступа к данным из объекта JSON.

Точечное обозначение
Квадратное обозначение

Точка (.):

const person = {name: "Alice", age: 25,
  address: {
    city: "Anytown",
    state: "CA"
  }
};

console.log(person.name);            // Outputs: "Alice"
console.log(person.address.city);    // Outputs: "Anytown"

В этом примере мы используем точечную запись для доступа к свойству «имя» объекта «человек» и свойству «город» внутри вложенного объекта «адрес».

Квадратное обозначение([]):

Это позволяет нам получать доступ к данным, используя динамические имена свойств. Его можно использовать для решения проблем, связанных с точечной записью.

const person = {
    "1": "Alice",
    "last name": "Smith",
    "age": 25
  };

  console.log(person["1"]);  // Outputs: "Alice"
  console.log(person["last name"]);   // Outputs: "Smith"

  const propName = "age";
  console.log(person[propName]);              // Outputs: 25

Если ключ представлен числом или в ключе есть пробел, мы не можем получить доступ к этому ключу с помощью точечной записи. Чтобы решить эту проблему, мы можем использовать обозначение [].

Мы также можем использовать переменные для динамического указания имени свойства, как показано в примере propName.

Спасибо, что уделили время прочтению этой статьи.