Представляем простой способ преобразования объекта 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!
Спасибо за прочтение!