Ошибка Unexpected end of JSON input в JS

Ошибка “Unexpected end of JSON input” – это синтаксическая ошибка, которая возникает, когда JSON, который вы пытаетесь разобрать, является неполным или недействительным.

Эта ошибка обычно возникает, когда вы пытаетесь разобрать JSON с помощью метода JSON.parse(), а строка JSON, которую вы ему передаете, является неполной или недействительной. Например, если вы пытаетесь разобрать следующий JSON:

{ "name": "John Doe" "age": 30 }

Вы получите ошибку “Unexpected end of JSON input”, потому что в JSON отсутствует запятая между свойствами “name” и “age”.

Правильный JSON будет выглядеть следующим образом:

{
  "name": "John Doe",
  "age": 30
}

Итак, вам необходимо убедиться, что JSON, который вы пытаетесь разобрать, является полным и валидным. Вы можете использовать JSON linter или JSON validator для проверки правильности JSON и исправления любых синтаксических ошибок.

Когда localStorage заполнено

Если локальное хранилище переполнено или возникла какая-то другая проблема при попытке сохранить строку JSON, метод localStorage.setItem также выдаст ошибку.

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

function saveUserData(user) {
  const json = JSON.stringify(user);
  localStorage.setItem('user', json);
}

const user = {
  name: 'John Doe',
  email: '[email protected]',
  password: 'p@ssw0rd'
};

saveUserData(user);

В этом случае вы можете добавить блок try/catch в функцию saveUserData и использовать console.log для вывода сообщения об ошибке в консоль, как показано ниже:

function saveUserData(user) {
  try {
    const json = JSON.stringify(user);
    localStorage.setItem('user', json);
  } catch (error) {
    console.log(error.message);
  }
}

При таком изменении, когда вызывается функция saveUserData, она попытается сохранить объект user в локальном хранилище. Если произойдет ошибка, будет выполнен блок catch и сообщение об ошибке будет выведено на консоль.

К сожалению, нет возможности перечислить все сценарии, в которых может возникнуть эта ошибка. Если вы посмотрите на сайты вроде StackOverflow, то увидите, что большинство людей спрашивают не конкретно об ошибке, а о коде, который приводит к этой ошибке. В этом контексте вам нужно выяснить, из-за чего ваш вывод JSON не является корректным.

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

Входные данные JSON неправильно отформатированы:

const json = '{ "key": "value"';

Ввод JSON содержит синтаксическую ошибку:

const json = '{ "key": "value" error }';

Во входном файле JSON пропущена или лишняя запятая:

const json = '{ "key": "value", "key2": "value2" "key3": "value3" }';

Во входном файле JSON пропущена или лишняя фигурная скобка:

const json = '{{ "key": "value" "key2": "value2" }';

При вводе JSON пропущена или лишняя квадратная скобка:

const json = '{ "key": "value", "key2": ["value2", "value3"]] }';

Во входном файле JSON пропущена или лишняя кавычка:

const json = '{ key: "value", "key2": "value2" }';

Во входном файле JSON есть строка, которая неправильно экранирована:

const json = '{ "key": "value", "key2": "value2" "key3": "value3" }';

Если у вас появились вопросы про ошибку “Unexpected end of JSON input” в JS, мы будем рады ответить на них в комментариях ниже.