Курс по программированию на JavaScript

Урок 25: Введение в JSON

JSON (JavaScript Object Notation) — это текстовый формат обмена данными, который легко читается и пишется людьми, а также легко анализируется и генерируется машинами. JSON широко используется для передачи данных между сервером и клиентом в веб-приложениях. В этом уроке мы рассмотрим, что такое JSON, и как преобразовывать данные в JSON и обратно.

Что такое JSON

JSON представляет собой структуру данных, основанную на ключах и значениях. Он поддерживает следующие типы данных:

• Объекты — заключены в фигурные скобки и содержат пары ключ-значение.
• Массивы — заключены в квадратные скобки и содержат упорядоченные значения.
• Строки — заключены в двойные кавычки.
• Числа — могут быть целыми или с плавающей запятой.
• Булевы значения — true или false.
• null — представляет собой отсутствующее значение.

Пример JSON

Приведем пример JSON, представляющий информацию о пользователе:

{
 "name": "John Doe",
 "age": 30,
 "email": "johndoe@example.com",
 "isAdmin": false,
 "courses": ["JavaScript", "HTML", "CSS"]
}

Преобразование данных в JSON и обратно

В JavaScript для работы с JSON используются методы JSON.stringify и JSON.parse.

Метод JSON.stringify

Метод JSON.stringify используется для преобразования объектов JavaScript в JSON-строки.

// Пример использования JSON.stringify
let user = {
 name: "John Doe",
 age: 30,
 email: "johndoe@example.com",
 isAdmin: false,
 courses: ["JavaScript", "HTML", "CSS"]
};

let jsonString = JSON.stringify(user);
console.log(jsonString);

{
 "name": "John Doe",
 "age": 30,
 "email": "johndoe@example.com",
 "isAdmin": false,
 "courses": ["JavaScript", "HTML", "CSS"]
}

В этом примере объект user преобразуется в JSON-строку с помощью метода JSON.stringify.

Метод JSON.parse

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

// Пример использования JSON.parse
let jsonString = '{"name":"John Doe","age":30,"email":"johndoe@example.com","isAdmin":false,"courses":["JavaScript","HTML","CSS"]}';
let user = JSON.parse(jsonString);
console.log(user);

{
 name: "John Doe",
 age: 30,
 email: "johndoe@example.com",
 isAdmin: false,
 courses: ["JavaScript", "HTML", "CSS"]
}

В этом примере JSON-строка jsonString преобразуется в объект JavaScript с помощью метода JSON.parse.

Упражнения

// Создание объекта book
let book = {
 title: "To Kill a Mockingbird",
 author: "Harper Lee",
 year: 1960,
 genres: ["Fiction", "Classic", "Literature"]
};

// Преобразование объекта в JSON
let jsonString = JSON.stringify(book);
console.log(jsonString);

{
 "title": "To Kill a Mockingbird",
 "author": "Harper Lee",
 "year": 1960,
 "genres": ["Fiction", "Classic", "Literature"]
}

// Создание JSON-строки
let jsonString = '{"name":"Alice","age":25,"courses":["Math","Science","Art"],"isActive":true}';

// Преобразование JSON в объект
let student = JSON.parse(jsonString);
console.log(student);

{
 name: "Alice",
 age: 25,
 courses: ["Math", "Science", "Art"],
 isActive: true
}