В този урок ще научите за JSON и как се използва JavaScript с JSON с помощта на примери.
JSON означава Javascript Object Notation. JSON е текстов формат на данни, който се използва за съхраняване и прехвърляне на данни. Например,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
В JSON данните са в двойки ключ / стойност, разделени със запетая ,
.
JSON е получен от JavaScript. И така, синтаксисът на JSON прилича на синтаксис на литерал на обект на JavaScript. Форматът JSON обаче може да бъде достъпен и създаден и от други езици за програмиране.
Забележка : JavaScript обектите и JSON не са едно и също. За разликите им ще научите по-късно в този урок.
JSON данни
JSON данните се състоят от двойки ключ / стойност, подобни на свойствата на обекта на JavaScript. Ключът и стойностите се записват в двойни кавички, разделени с двоеточие :
. Например,
// JSON data "name": "John"
Забележка : JSON данните изискват двойни кавички за ключа.
JSON обект
Обектът JSON е записан във фигурни скоби ( )
. JSON обектите могат да съдържат множество двойки ключ / стойност . Например,
// JSON object ( "name": "John", "age": 22 )
JSON масив
JSON масивът се записва в квадратни скоби ( )
. Например,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Забележка : JSON данните могат да съдържат обекти и масиви. Въпреки това, за разлика от JavaScript обектите, JSON данните не могат да съдържат функции като стойности.
Достъп до JSON данни
Можете да получите достъп до JSON данни, като използвате точковото обозначение. Например,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Използваме .
нотацията за достъп до JSON данни. Синтаксисът му е:variableName.key
Можете също да използвате синтаксис ()
в квадратни скоби за достъп до JSON данни. Например,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript обекти срещу JSON
Въпреки че синтаксисът на JSON е подобен на JavaScript обекта, JSON е различен от JavaScript обектите.
JSON | JavaScript обект |
---|---|
Ключът в двойката ключ / стойност трябва да бъде в двойни кавички. | Ключът в двойката ключ / стойност може да бъде без двойни кавички. |
JSON не може да съдържа функции. | JavaScript обектите могат да съдържат функции. |
JSON може да бъде създаден и използван от други езици за програмиране. | Обектите на JavaScript могат да се използват само в JavaScript. |
Преобразуване на JSON в JavaScript обект
Можете да конвертирате JSON данни в JavaScript обект, като използвате вградената JSON.parse()
функция. Например,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Преобразуване на JavaScript обект в JSON
Можете също да конвертирате обекти на JavaScript в JSON формат, като използвате вградената JSON.stringify()
функция JavaScript . Например,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Използване на JSON
JSON е най-често използваният формат за предаване на данни (обмен на данни) от сървър към клиент и обратно. JSON данните са много лесни за анализиране и използване. Достъпът до JSON данни и манипулирането им е бърз, тъй като те съдържат само текстове.
JSON не зависи от езика. Можете да създавате и използвате JSON и в други езици за програмиране.