Представляем простой способ преобразования объекта JavaScript в JSON

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

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

Объекты JavaScript VS JSON

  • Объекты JavaScript могут быть без двойных кавычек, но все ключи в JSON должны быть заключены в двойные кавычки.
// Javascript object
{ name: "John", age: 22 }
// JSON
{ "name": "John", "age": 22 }
  • Объекты JavaScript могут иметь функции в качестве значения, но не JSON.
// JavaScript object
{name: "John", getFullName: function(){return "John Wick"}}
// JSON can't contain function
{"name": "John"}
  • JavaScript можно использовать только в JavaScript, но JSON можно использовать на другом языке программирования.

Преобразование объекта JavaScript в JSON

Теперь давайте поговорим о том, как преобразовать объекты JavaScript в JSON.

Мы можем использовать команду JSON.stringify(), чтобы преобразовать строку объекта JavaScript в JSON, но мне лень писать код 🤪.

Мы также можем добавить двойные кавычки вручную, но что, если объект содержит более 100 пар ключ-значение 🤯?

Есть более простой способ реализовать это: с помощью Google Chrome.

Что нам нужно сделать, так это просто открыть вкладку Google Chrome, щелкнуть правой кнопкой мыши и выбрать «Проверить», чтобы открыть инструмент Google Chrome Dev:

Затем перейдите на вкладку «Консоль» и вставьте объект JavaScript, который вы хотите преобразовать, в консоль:

Нажмите Ввод.

Хорошо, теперь вы увидите хорошо отформатированный JSON, выберите его и скопируйте, теперь вы получите данные типа JSON!

Спасибо за прочтение!