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

Курс по программированию на 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.

Упражнения

Упражнение 1: Преобразование объекта в JSON

Создайте объект book, содержащий информацию о книге: название, автор, год издания и жанры. Преобразуйте объект в JSON-строку с помощью метода JSON.stringify и выведите результат в консоль.

Решение:

// Создание объекта 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"]
}

Объяснение: Мы создали объект book, содержащий информацию о книге, и преобразовали его в JSON-строку с помощью метода JSON.stringify, затем вывели результат в консоль.

Упражнение 2: Преобразование JSON в объект

Создайте JSON-строку, представляющую информацию о студенте: имя, возраст, курсы и статус (активен или нет). Преобразуйте JSON-строку в объект JavaScript с помощью метода JSON.parse и выведите результат в консоль.

Решение:

// Создание 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
}

Объяснение: Мы создали JSON-строку, представляющую информацию о студенте, и преобразовали её в объект JavaScript с помощью метода JSON.parse, затем вывели результат в консоль.

Категория: JavaScript | Просмотров: 13 | Добавил: Admin | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: