Как правильно парсить JSON в JavaScript? Разбираем JSON.parse и обработку ошибок

Полный разбор JSON.parse() с обработкой ошибок

Вы на верном пути — JSON.parse() это стандартный и безопасный способ парсинга JSON в JavaScript. Давайте разберём все нюансы.

1. Базовая работа JSON.parse()

Метод принимает строку JSON и возвращает JavaScript-объект (или массив, число, строку — в зависимости от данных):

const jsonString = '{"name": "John", "age": 30}';
const obj = JSON.parse(jsonString);
console.log(obj.name); // "John"

2. Обязательная обработка ошибок (try/catch)

Никогда не парсьте JSON без обработки ошибок! Используйте блок try...catch:

function safeParseJSON(jsonString) {
  try {
    return JSON.parse(jsonString);
  } catch (error) {
    console.error('Ошибка парсинга JSON:', error.message);
    return null; // или другое значение по умолчанию
  }
}

// Примеры использования:
const validJSON = '{"name": "John"}';
const invalidJSON = 'not valid json';
const emptyString = '';

console.log(safeParseJSON(validJSON));  // {name: "John"}
console.log(safeParseJSON(invalidJSON)); // null + ошибка в консоли
console.log(safeParseJSON(emptyString)); // null + ошибка

3. Проверка типа данных перед парсингом

Иногда полезно проверить, что строка не пустая и имеет правильный формат:

function parseJSONSafely(data) {
  if (typeof data !== 'string') {
    console.warn('Ожидается строка, получен:', typeof data);
    return null;
  }
  
  if (data.trim() === '') {
    console.warn('Пустая строка');
    return null;
  }

  try {
    return JSON.parse(data);
  } catch (e) {
    console.error('Ошибка:', e.message);
    return null;
  }
}

4. Почему нельзя использовать eval()?

Никогда не используйте eval() для парсинга JSON! Вот почему:

• Безопасность: eval() выполняет произвольный JavaScript код. Если злоумышленник подставит вредоносный код в JSON, он выполнится в вашем приложении.
• Производительность: JSON.parse() работает быстрее, так как использует специализированный парсер, а не интерпретатор JavaScript.
• Надёжность: eval() может выполнить не только JSON, но и любые скрипты, что приводит к неожиданным ошибкам.

5. Работа с вложенными данными и массивами

JSON может содержать сложные структуры:

const complexJSON = '{"users":[{"id":1,"name":"Alice"},{"id":2,"name":"Bob"}],"total":2}';

try {
  const data = JSON.parse(complexJSON);
  data.users.forEach(user => {
    console.log(`User ${user.id}: ${user.name}`);
  });
} catch (e) {
  console.error('Ошибка при обработке JSON:', e);
}

6. Продвинутые техники: reviver-функция

JSON.parse() принимает второй параметр — функцию-преобразователь:

const jsonWithDates = '{"name":"Meeting","date":"2024-01-15T10:00:00Z"}';

const obj = JSON.parse(jsonWithDates, (key, value) => {
  if (key === 'date') {
    return new Date(value); // Преобразуем строку в объект Date
  }
  return value;
});

console.log(obj.date instanceof Date); // true
console.log(obj.date.toLocaleDateString()); // "15.01.2024"

7. Полезные советы для начинающих

• Всегда используйте try...catch при парсинге JSON от внешних источников (API, файлы, пользовательский ввод).
• Проверяйте результат парсинга на null или undefined перед доступом к свойствам.
• Для безопасной работы с вложенными объектами используйте опциональную цепочку (?. ): data?.user?.name.
• Используйте JSON.stringify() для обратного преобразования объекта в строку.

// Установка: npm install ajv
const Ajv = require('ajv');
const ajv = new Ajv();

const schema = {
  type: 'object',
  properties: {
    name: { type: 'string' },
    age: { type: 'number', minimum: 0 }
  },
  required: ['name', 'age']
};

const validate = ajv.compile(schema);

function parseAndValidate(jsonString) {
  try {
    const data = JSON.parse(jsonString);
    const valid = validate(data);
    
    if (!valid) {
      console.error('Ошибки валидации:', validate.errors);
      return null;
    }
    return data;
  } catch (e) {
    console.error('Ошибка парсинга:', e);
    return null;
  }
}

console.log(parseAndValidate('{"name":"John","age":30}')); // OK
console.log(parseAndValidate('{"name":"John","age":-5}')); // null (возраст < 0)

function parseUserJSON(jsonString) {
  try {
    const data = JSON.parse(jsonString);
    
    if (!data || typeof data !== 'object') {
      throw new Error('Ожидается объект');
    }
    if (typeof data.name !== 'string' || data.name.length === 0) {
      throw new Error('Поле name обязательно и должно быть строкой');
    }
    if (typeof data.age !== 'number' || data.age < 0) {
      throw new Error('Поле age должно быть положительным числом');
    }
    
    return data;
  } catch (e) {
    console.error('Ошибка:', e.message);
    return null;
  }
}