Използване на JSON в JavaScript

Оферта от 8host.com

Вижте също : Основи на JSON

• Хранилище за данни.
• Генериране на структури от данни от потребителски вход.
• Обмен на данни между сървър и клиент.
• Настройка и проверка на данни.

JSON формат

Когато работите с JSON, всички обекти се съхраняват в .json файл, но могат да съществуват и като отделни обекти в контекста на програма.

Вижте също : Основи на JSON

Файлът .json изглежда така:

"first_name" : "Джон", "last_name" : "Смит", "online" : true >

Обектът JSON в .js или .html файлове изглежда така:

var john = "first_name" : "John", "last_name" : "Smith", "online" : true >

Преобразуването на JSON обект в низ се използва за бързо прехвърляне на данни.

var user = first_name: "John", last_name : "Smith", online : true, full_name : function() return this.first_name + " " + this.last_name; > >;

Както можете да видите, този обект не използва кавички в ключовете (first_name, last_name, online, full_name). Има и функция (последен ред).

Достъп до JSON данни

JSON данните са достъпни в Javascript чрез нотация с точки. За да разберете как работи това, разгледайте този пример на JSON обект:

var john = "first_name" : "John", "last_name" : "Smith", "online" : true >

За достъп до стойности трябва да използвате нотация с точки:

john.first_name john.last_name john.online

Променливата john се посочва в началото, следвана от точка и ключа, чиято стойност трябва да бъде извлечена.

Можете също да използвате квадратни скоби за достъп до данни. В този случай е необходим ключпоставете в кавички. Опитайте да използвате това във функцията alert():

Когато работите с вложени масиви, трябва да извикате елемента на масива по номер. Да кажем, че имаме масив като този:

var user_profile = "username" : "JohnSmith", "social_media" : [ "description" : "twitter", "link" : "https://twitter.com/johnsmith" >, "description" : "facebook", "link" : "https://www.facebook.com/Jo hnSmith" > , "описание" : "github", "връзка" : "https://github.com/johnsmith" > ] >

За да покажете низ, който съдържа връзка към facebook, трябва да извикате елемента на масива в контекста на точкова нотация:

Обърнете внимание, че за всеки вложен елемент се използва допълнителна точка.

Функции в JSON

Когато работите с JSON, е много полезно да можете бързо да конвертирате низ в обект и обратно. В този раздел ще разгледаме два JSON метода.

Функция JSON.stringify().

Функцията JSON.stringify() преобразува JSON обекти в низове.

Низовете ви позволяват да опростите обмена на данни между сървъра и клиента. Например, можете да събирате потребителски настройки от страна на клиента и след това да ги предавате на сървъра. След това можете да конвертирате низа в обект, като използвате метода JSON.parse().

Помислете за обекта, присвоен на променливата obj. Опитайте да го конвертирате в низ. За да направите това, трябва да предадете променливата obj на функцията JSON.stringify(). Присвоете този низ на променливата s.

Сега обектът е станал низ и е стойността на променливата s:

Функция JSON.parse().

Низовете са удобни за обмен на данни, но след това те трябва да бъдат преобразувани обратно в обекти. За това се използва функцията JSON.parse().

Забележка : За да конвертирате текст вобект, използвайте функцията eval().

Сега опитайте да преобразувате стойността на функцията s в обект и да я присвоите на нова променлива:

var o = JSON.parse(s)

Вече имате o обект, който е идентичен на obj.

---