Что такое JSON? Узнайте, как это работает на примерах

Расширяемый язык разметки (XML) считался единственным выбором для открытого обмена данными. Однако разработки в области открытого обмена данными предоставили больше возможностей для веб-разработки). Итак, давайте углубимся в то, что такое JSON и чем он отличается от JavaScript.

Что такое JSON?

Обозначение объекта JavaScript (JSON) представляет собой способ хранения информации организованным и простым способом. Данные должны быть в виде текста при обмене между браузером и сервером. Вы можете конвертировать любой Объект JavaScript в JSON и отправить JSON на сервер.

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

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

Почему мы используем JSON?

JSON это легкий а также легко использовать по сравнению с другими открытыми вариантами обмена данными. Однако это не единственная причина, по которой вы должны использовать его для интеграции API. Он предпочтительнее других вариантов из-за следующих преимуществ:

Меньше подробностей — имеет более компактный стиль по сравнению с XML. Это делает его более читабельным. легкий подход JSON может внести значительные улучшения при работе со сложными системами.

Быстрее – Процесс синтаксического анализа программного обеспечения XML медленнее, чем JSON. Это связано с тем, что библиотекам манипулирования DOM требуется больше памяти для обработки больших XML-файлов. JSON с другой стороны, использует меньше данных что удешевляет и увеличивает скорость парсинга.

Удобочитаемый – Структура JSON простой а также легко читаемый. Вам будет проще сопоставлять объекты предметной области независимо от языка программирования, с которым вы работаете.

Структурированные данные – JSON использует структура данных карты тогда как XML имеет древовидную структуру. Пары ключей и значений могут ограничить вашу задачу, но вы получите предсказуемую и простую для понимания модель данных.

JSON против XML

Оба XML и JSON сегодня широко используются. Они есть используется как форматы обмена данными, и оба были приняты приложениями как способ хранения структурированных данных. Давайте посмотрим на различия между ними:

Пример JSON-

{"employees":[
{"name":"Lisa", "email":"lisa101@xyz.com"},
{"name":"Neil", "email":"neilps@xyz.com"},
{"name":"Jai", "email":"jai87@xyz.com"}
]}

Пример XML-

<employees>
<employee>
<name>Lisa</name>
<email>lisa101@xyz.com</email>
</employee>
<employee>
<name>Neil</name>
<email>neilps@xyz.com</email>
</employee>
<employee>
<name>Jai</name>
<email>jai87@xyz.com</email>
</employee>
</employees>

Синтаксические правила

JSON синтаксис подмножество принадлежащий JavaScript синтаксис. Синтаксис получен из синтаксиса записи объектов JavaScript и состоит из следующих правил:

• Данные записываются в имя или же ценность пары.
• Данные разделенный запятыми.
• Кудрявый брекеты держать объекты.
• Квадратных скобок держать массивы.

Формат JSON очень похож на объекты JavaScript. Здесь ключи должны быть строками, заключенными в двойные кавычки, например:

{ "name":"Susan" }

Основы JSON

В JSON значения должны быть одного из следующих типов данных:

• Нить
• Число
• Объект (объект JSON)
• Массивы
• логический
• Нулевой

Нить

В JSON ключи должны быть строками, заключенными в двойные кавычки:

{ "name":"Mary" }

В JavaScript ключи могут быть строками, числами или именами идентификаторов:

{ name:"Mary" }

Объекты

Объекты JSON заключены в фигурные скобки {}. Они записываются в парах ключ или значение следующим образом:

{ "name":"Lisa", "age":23, "car":BMW }

Массивы

Массивы в JSON почти такие же, как массивы в JavaScript. В JSON значения массива имеют тип строки, числа, объекта, массива, логического значения или нуля. Принимая во внимание, что в JavaScript значениями массива могут быть все вышеперечисленные плюс любые другие допустимые выражения JavaScript, включая функции, даты и неопределенное.

Массивы в JSON могут быть значениями свойства объекта. Он определяется как:

{
"name":"Lisa",
"age":23,
"cars":["Ford", "BMW", "Fiat"]
}

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

JSON обычно используется для читать данные из веб сервер и отображать данные на веб-странице. Это также можно продемонстрировать, используя строку в качестве входных данных.

Давайте возьмем пример и посмотрим, как объект JSON может быть преобразован в текст Javascript с помощью функции JSON.parse():

<html> 
<body> 
  
<h2>Converting JSON Text into Javascript Object</h2> 
<b>JSON Object :</b> 
<p id="example"></p> 
<b>Use of Javascript object :</b> 
<p id="example1"></p> 
  
<script> 
var jsonobj ='{ "name":"Josh Huan","employeeID":"1107","age":25 }'; 
  
// Here we convert JSON to object 
var obj = JSON.parse(jsonobj); 
  
document.getElementById("example1").innerHTML = obj.name + ", with employee id " + obj.employeeID + ", and age " + obj.age; 
document.getElementById("example").innerHTML =jsonobj; 
</script> 
</body> 
</html>

Он преобразует объекты в тексты и даст следующее Выход :

На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, что такое JSON и зачем нам это нужно.

Есть к нам вопрос? Пожалуйста, укажите это в разделе комментариев «Что такое JSON?» и мы свяжемся с вами.