У овом упутству ћете научити о ЈСОН-у и како се ЈаваСцрипт користи са ЈСОН-ом уз помоћ примера.
ЈСОН је скраћеница од Јавасцрипт Објецт Нотатион. ЈСОН је текстуални формат података који се користи за чување и пренос података. На пример,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
У ЈСОН-у су подаци у паровима кључ / вредност одвојени зарезом ,
.
ЈСОН је изведен из ЈаваСцрипт-а. Дакле, ЈСОН синтакса подсећа на синтаксу дословног ЈаваСцрипт објекта. Међутим, ЈСОН формату могу да приступе и креирају га и други програмски језици.
Напомена : ЈаваСцрипт објекти и ЈСОН нису исто. О њиховим разликама ћете сазнати касније у овом водичу.
ЈСОН подаци
ЈСОН подаци састоје се од парова кључ / вредност сличних својствима ЈаваСцрипт објекта. Кључ и вредности су написани у двоструким наводницима одвојеним двотачком :
. На пример,
// JSON data "name": "John"
Напомена : ЈСОН подаци захтевају двоструке наводнике за кључ.
ЈСОН објект
ЈСОН објекат је записан у витичастим заградама ( )
. ЈСОН објекти могу садржати више парова кључ / вредност . На пример,
// JSON object ( "name": "John", "age": 22 )
ЈСОН Арраи
ЈСОН низ је записан у угластим заградама ( )
. На пример,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Напомена : ЈСОН подаци могу садржати објекте и низове. Међутим, за разлику од ЈаваСцрипт објеката, ЈСОН подаци не могу садржати функције као вредности.
Приступ ЈСОН подацима
ЈСОН подацима можете приступити помоћу тачкасте нотације. На пример,
// 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
Ознаку користимо .
за приступ ЈСОН подацима. Његова синтакса је:variableName.key
Синтаксу квадратних заграда такође можете користити ()
за приступ ЈСОН подацима. На пример,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
ЈаваСцрипт објекти против ЈСОН-а
Иако је синтакса ЈСОН-а слична ЈаваСцрипт објекту, ЈСОН се разликује од ЈаваСцрипт објеката.
ЈСОН | ЈаваСцрипт објект |
---|---|
Кључ у пару кључ / вредност требао би бити у двоструким наводницима. | Кључ у пару кључ / вредност може бити без двоструких наводника. |
ЈСОН не може садржати функције. | ЈаваСцрипт објекти могу садржати функције. |
ЈСОН могу креирати и користити други програмски језици. | ЈаваСцрипт објекти се могу користити само у ЈаваСцрипт-у. |
Претварање ЈСОН-а у ЈаваСцрипт објекат
ЈСОН податке можете претворити у ЈаваСцрипт објекат помоћу уграђене 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
Претварање ЈаваСцрипт објекта у ЈСОН
Такође можете претворити ЈаваСцрипт објекте у ЈСОН формат користећи ЈаваСцрипт уграђену JSON.stringify()
функцију. На пример,
// 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)"
Коришћење ЈСОН-а
ЈСОН је најчешће коришћени формат за пренос података (размена података) са сервера на клијента и обрнуто. ЈСОН подаци су врло једноставни за рашчлањивање и употребу. Приступ ЈСОН подацима и управљање њима је брз јер они садрже само текстове.
ЈСОН је независан од језика. ЈСОН можете креирати и користити и на другим програмским језицима.