В этой статье мы узнаем о JSON и JavaScript Object и основных различиях между ними.
Что такое объект JavaScript?
Основу современного JavaScript составляют объекты, которые являются наиболее важным типом данных в JavaScript. Примитивные типы данных в JavaScript (число, строка, логическое значение, нуль, неопределенный и символ) существенно отличаются от этих объектов тем, что все они содержат только одно значение (в зависимости от их типов).
Синтаксис :
let object_name = { key_name : value, ... }
Пример:
Javascript
let school = {
name:
'Vivekananda School'
,
location :
'Delhi'
,
established :
'1971'
,
20 : 1000,
displayInfo :
function
(){
console.log(`The value of the key 20 is ${school[
'20'
]}`);
}
}
В JavaScript объекты могут быть созданы с использованием двух разных методологий, а именно буквальной формы и сконструированной формы.
Что такое JSON?
Обозначение объектов JavaScript или JSON. Это метод организации данных. Различные онлайн-приложения взаимодействуют друг с другом, используя этот формат. Это преемник формата обмена данными XML. По сравнению с XML данные проще структурировать. Он поддерживает документы JSON, которые быстро выполняются на сервере, а также структуры данных, такие как массивы и объекты.
Доступ к нему также можно получить с помощью индекса, как к массиву или строке. Массив JSON может быть любого типа данных. Значения в массиве JSON разделяются запятыми и заключаются в фигурные скобки. В python массив JSON похож на словарь python, в котором пары ключ-значение хранятся в упорядоченном порядке. Данные разделяются запятыми.
Синтаксис: синтаксис JSON получен из синтаксиса записи объектов JavaScript:
Data is in name/value pairs For Example: { “name”: ”Thanos” }
Типы значений:
- Массив: Ассоциативный массив значений.
- Логическое значение: истинно или ложно.
- Число: целое число.
- Объект: ассоциативный массив пар ключ/значение.
- Строка: несколько простых текстовых символов, которые обычно образуют слово.
Синтаксис:
// Basic JSON object { “name”: ”Thanos”, “Occupation”: ”Destroying half of humanity” } // Curly braces hold objects var person = { “name”: ”Thanos”, “Occupation”: ”Destroying half of humanity” } // Here person is the object. // An array inside object var person = { “name”: ”Thanos”, “Occupation”: ”Destroying half of humanity”, “powers”: [ “Can destroy anything with snap of his fingers”, “Damage resistance”, “Superhuman reflexes” ] }
Пример:
Javascript
{
"Data Structures"
: [
{
"Name"
:
"Trees"
,
"Course"
:
"Intoduction of Trees"
,
"Content"
: [
"Binary Tree"
,
"BST"
,
"Generic Tree"
]
},
{
"Name"
:
"Graphs"
,
"Topics"
: [
"BFS"
,
"DFS"
,
"Topological Sort"
]
}
]
}
Сравните объект JavaScript с JSON:
Объект JavaScript | JSON | |
1. | Ключи в парах ключ/значение не всегда нуждаются в двойных кавычках. | Ключи в парах ключ/значение должны быть заключены в двойные кавычки. |
2. | Он используется только JavaScript. | Другие языки программирования могут генерировать и использовать JSON. |
3. | Функции совместимы с объектами JavaScript. | Функции несовместимы с JSON. |
4. | Встроенный метод JavaScript JSON.stringify() позволяет преобразовывать объекты JavaScript в формат JSON. | Используя встроенный метод JSON.parse(), вы можете преобразовать данные JSON в объект JavaScript. |