JSON Short Tutorial Notes Study Material with Examples in Hindi
JSON Short Tutorial Notes Study Material with Examples in Hindi:-In this cyberpointsolution tutorial (Especially Concept of JavaScript Object Notation) we are going to describe about the what is the use of JSON in cyber programming in Hindi. And also we will describe that how can we use JSON in JavaScript. And why we use JSON in Web Pages to make more interactive and secure basically in this cyberpointsolution hindi tutorial we are going to describe each and every point of json in hindi .it increase the speed of web pages and also short the coding of JavaScript. When ever we want to learn any thing the things become more earlier is somebody/tutorial/study material taught us through Examples. Here we have tried to describe each and every concept of JSON i.e. JavaScript Object Notation in the light of cyberpointsolution.com best Hindi Short tutorial using simple and best possible example. These examples are so simple that even a beginner who had never even heard about JSON can easily learn and understand How JSON works in Web Development. This is the best hindi tutorial/Study Material very beneficial for beginners as well as Professional.
Introduction of JSON (JavaScript Object Notation) in Hindi
Structured Data को Internet पर Transmit करने के लिए JavaScript Object Notation का प्रयोग किया जाता है | इसे Douglas Crockford ने Define किया है जिन्होंने मूल रूप JavaScript को Define किया था | ये JavaScript का स्ट्रिक्ट Subset है , जिसे Structured Data को Represent करने के लिए Use किया जाता है |
What is the Use of JSON in JavaScript in Hindi
JavaScript में इसका बहुत प्रयोग किया जाता है क्योकि JavaScript में Structured Data को Access करने के लिए ये XML के Alternative की तरह कम करता है | साथ ही हम इसका प्रयोग बरी ही आसानी से eval() Function में भी कर सकते है जबकि XML द्वारा Structured Data Use करते समय हमें DOM Create करना जरुरी होता है |
JSON के बारे में मूल रूप से समझने वाली बात ये है की ये एक Data Format है , Programming Language नहीं | साथ ही JSON , JavaScript के Syntax का प्रयोग करके ही डिफाइन किया जता है |
चुकी Json एक DATA FORMAT है , इसलिए इसे केवल JavaScript में ही Use किया जा सकता है ऐसा नहीं है | कई ऐसी Programming Languages है जिनमे JSON को Parser व Serialize किया जाता है |
Types of JSON Values in Hindi with Examples
JSON Syntax का प्रयोग करके हम मूल रूप से तिन तरह की Values को Represent कर सकते है :
SIMPLE VALUES:-
String, Number, Boolean व null को हम JSON का प्रयोग करके Represent कर सकते जबकि Undefined को इसके द्वारा Represent नहीं किया जा सकता |
OBJECT VALUES:-
Key- Value Pair के रूप में हम किसी Object को JSON का प्रयोग करके Represent कर सकते है जबकि हर Values Primitive Type अथवा Complex Type (Array or Object) हो सकती है |
ARRAY VALUES:-
JSON का प्रयोग करके हम Array को एक Values की एक Ordered List के रूप में Represent कर सकते है जो की इनके Index के माध्यम से Accessible रहते है | ये Values Simple या Complex किसी भी प्रकार को हो सकती है |
JSON में कोंई Variable , Function या Object Instance नहीं होता | JSON सिर्फ और सिर्फ Structured Data को Represent करता है और क्योकि हम इसे JavaScript Syntax का प्रयोग करके Define करते है , इसलिए इस बात से Confuse नहीं होना चाहिए के ये JavaScript का ही हिस्सा है बल्कि JavaScript Programming से इसका Directly कोंई सम्बन्ध नहीं है |
Handelling Object Value Via JSON in Hindi with Examples
Objects को Object Literal Notation की तरह ही थोरा सा मॉडिफिकेशन के साथ Specify किया जाता है | उदहारण के लिए निम्न Statement एक Valid JSON है :
Ex= 10
ये JSON एक Number Value 10 को Represent कर रहा है | इसी तरह से हम किसी String Value को JSON Format में निम्नानुसार Represent कर सकते है :
“Hello World”
JavaScript String व JSON String में सबसे बरा अंतर ये है की JSON String को हमेशा Double Quotes के बिच Specify करना जरुरी होता है जबकि JavaScript में हम किसी String को Single Quotes के बिच भी Specify कर सकते है |
Handelling Object Via JSON in Hindi with Examples
Objects ko Object Literal Notation की तरह ही थोरा सा मॉडिफिकेशन के साथ specify किया जाता है | Example के लिए निमन Statement एक Valid JavaScript Object Literal Notation है :
Program Example
var person ={
“name”: “karan singhania”,
“age”: 23
}
जबकि इसी Object को यदि हम JSON Format में Specify करे ,तो हमारा Code निम्ननुसार होगा :
{
“name”:”karan singhania”,
“age”:23
}
हम समझ सकते है की JavaScript Object Literal Notation व JSON Format दोनों में केवल यही अंतर है की JSON Format में केवल यही अंतर है की JSON Format में हमें हर Property को Double Quote में Specify करना जरुरी होता है |
JavaScript Object Literal Notation व JSON में कुछ मुलभुत अंतर है पहला ये की JSON Object में हम किसी Variable को Declare नहीं कर सकते| दूसरा हे की JSON Object के अंत में Semicolon का प्रयोग नहीं किया जाता और तीसरा ये की JSON Object में Property Names को हमेशां Double Quotes में Specify करना जरुरी होता है | किसी JSON Object में हम Value के रूप में Simple Type अथवा अन्य Complex Type को Specify कर सकते है |
जैसे: Example
{
“name”:”karan singhaia”,
“age”:23,
“school”:{
“name”: ”F.A.L.T.U. College”,
“location”: “India IS Great”
}
}
इस JSON Object के अन्दर ही हमने school नाम का एक और JSON Object Nest किया है | हलाकि Inner व Outer दोनों ही JSON Objects में “name” नाम की Property है , लेकिन चुकी ये दोनों अलग Objects है , इसलिए ये दोनों Properties भी अलग-अलग है |हलाकि हम ऐसा कर सकते है, लेकिन किसी भी तारा का Confusion न हो, इसलिए हमें हमेशा अलग-अलग नामो का प्रयोग करना चाहिए |
Handelling Array Value Via JSON in Hindi with Examples
JSON में Array को भी हम ठीक JavaScript Array Literal Notation की तरह क्म्पिदम कर सकते है | उदाहरन के लिए :
var values =[25,”hi”,true];
ये एक JavaScript Array Literal Notation है और जब हम JSON FORMAT Specify करते है , तब हमें इसी statement को निमनानुसार लिखना होता है :
[25,”hi”,true];
ध्यान देने वाली ये बात है की यही भी हमने Statement के अंत में Semicolon को प्रयोग नहीं किया है | Arrays व Objects का प्रयोग एक साथ Combined Form में भी किया जा सकता है जो की ज्यादा काम्प्लेक्स Data के Collection को Represent करते है | जैसे ;
[
{
“title”:”JSON In Hindi”,
“authors”:
[
“karan singhania”
],
year: 2017
},
{
“title”:”Ethickal Hacking”,
“authors”:[
“karan singhania”
],
year:2015
},
{
“title”:”Cyber Security”,
“authors”:[
“karan singhania”
year:2016
],
}
]
जैसाकि हम उपरोक्त Code में देख सकते है की उस JSON Array Notation में हम कई Book Objects को Represent कर रहे है | हर Object की स्वय की कई Keys है जिनमे उनसे Associated Values है |
Object व Arrays सामान्यता: किसी JSON DATA STRUCTURE के टॉप-लेवल Parts होते है | हलाकि हम चाहे तो इस Notation का प्रयोग करके बहुत सारे Data Structure Create कर सकते है |
JSON – Parsing And Serialization Notes Study Material in Hindi with Examples
यदि हम XML Format को Use करे , तो XML Format में आने वाले Data क लिए सबसे पहले DOM Create करना परता है और फिर उस DOM को विभ्भिन xml DOM Methods का प्रयोग करते हुए Access व Manipulate करना परता है |जबकि JSON Objects की सबसे बरी विसेषता यही है की हम इन्हें JavaScript में बरी ही आसानी से Directly Access व Manipulate कर सकते है |
उदहारण के लिए यदि हमें उपरोक्त JSON Formatted Data Structure से चौथी Book के नाम की जरुरत हो तो , इस नाम को निमनानुसार Code द्वारा Directly Access कर सकते है :
books[3].title
जबकि विभिन Books की इनफार्मेशन यदि XML Format में होती , तो यही काम करने के लिए हमें सबसे पहले अपने XML Formatted Data के लिए DOM Create करना परता और फिर उस DOM पर निम्न Statement करके अपने चौथे Book के Title को प्राप्त करना होता :
doc.getElementsByTagName(“book”)[2].getAttribute(‘’title’);
आप समझ सकते है की JSON का प्रयोग करके हम कितनी आसानी से XML को Replace करते हुए Data Format से सम्बंधित अपनी जरूरतों को पूरा कर सकते है |
The JSON Object in Hindi with Examples
किसी भी JSON Object के stringfy() व parse() नाम के दो ECMA द्वारा Specified Standard Methods होते है | ये दोनों Methods क्रमश: किसी जावास्क्रिप्ट ऑब्जेक्ट के Json स्ट्रिंग में Serialize करते है JSON को Native JavaScript Value में Parse करते है |
जैसे :Example
var book={
“title”:”JSON tutorial In Hindi”,
“authors”:[
“karan singhania”
],
year:2017
};
var json Text=JSON.stringfy(book);
Explanation of this Example In Hindi
इस उदहारण में एक JavaScript Object Literal Notation के आधार पर Define किया गया Object को JSON Format में Convert करने के लिए हमने JSON.stringfy() Method को Use किया है और इस Method द्वारा होने वाली String को json Text नाम के Variable में Store किया है | यदि हम इस String को Display करे , तो बिना किसी Extra White Space के ये String कुछ निनानुसार दिखाई देती है :
{“title”:”JSON tutorial in Hindi”,”authors”:[“karan singhania”],year:2017}
जब हम किसी JavaScript Object को Serialize करते है , तो Return होने वाले Result से सभी Function व Prototype Members Omit हो जाते है | साथ ही वे सभी Properties, जिन्हें Object में undefined रखा गया है , इस Returned Output से Skip हो जाती है | परिणामस्वरूप हमें केवल Instance Properties का रिप्रजेंटेशन प्राप्त होता है जो की JSON Data Type है |
JSON String को हम JSON.parse() Method द्वारा Directly Parse कर सकते है और Appropriate JavaScript Value Create कर सकते है | उदहारण के लिए यदि हम चाहे तो निमन Statement द्वारा jsonText Variable में Stored Content को Parse करके फिर से JavaScript Object प्राप्त कर सकते है :
var myBook =JSON.parse(jsonText);
ये Statement Run होने पर फिर से जावास्क्रिप्ट ऑब्जेक्ट प्राप्त हो जायगा | धयान रखे की tutorial mytutorial दो बिलकुल अलग Objects है हालाँकि इनमे Stored Data Identically Same है |
SERIALIZATION OPTIONS in Hindi
JSON.stringfy() Method वास्तव में हो और Extra Argument Accept करता है | ये Arguments हमें JavaScript Object को Serialize करने के लिए Alternative Way Provide करता है |
इन दोनों में से पहला Argument एक Filter होता है , जो की कोई Array या Function हो सकता है जबकि दूसरा Arguments Result के रूप में Return होने वाले JSON String की Indenting करने से सम्बंधित होता है | जब इन्हें अलग-अलग या साथ में Use किया जाता है , तो ये JSON Serialization को कण्ट्रोल करने के लिए कुछ उपयोगी व महत्वपूर्ण Functionalities Provide करते है |
Filtering Results with Example in Hindi
यदि पहला Argument एक Array हो , तो JSON.stringfy() से Return होने वाले ऑब्जेक्ट में केवल Object की Properties होती है , जो की Array में Members के रूप में Listed है| जैसे :Example
var book ={
“title”:”c json book in hindi”,
“authors”:[
“karan singhania”
],
year:2017
};
var jsonText =JSON.stringfy(book,[“title”,”year”]);
इस Cyberpoint9.com के Best हिंदी tutorial में Example में हमने JSON.stringfy() Method के दुसरे Argument के रूप में एक Array Specify किया है , जिसमे title व year Values को Specify किया है | इसलिए अब JSON.stringfy() Method जो JSON Object Return करता है , उसमे JavaScript के Object Literal Notation के केवल title व Year Properties की इनफार्मेशन ही होती है | परिणामस्वरूप Return होने वाले JSON Object में निमन String होती है :
{“title”:”json book in hindi”,”edition”:2017}
जबकि दुसरे Argument के रूप में जब किसी Function को Specify करते है , तब इस Method का Behavior थोरा अलग हो जाता है | क्योकि दुसरे Argument के रूप में Specify किये जाने वाले Function में हमें Key व Value के रूप में दो Parameters Pass करने होते है | इस Function में Key Argument हमेशा एक String होता है जबकि Value Argument कोई String भी हो सकता हा अथवा Empty String भी हो सकता है |
ऑब्जेक्ट के Serialization को Change करने के लिए इस प्रकार के Filter को Specify करने पर वही Result Return होता है , जिसकी Key को Specify किया जाता है | यहाँ भी Actual Object में जिन Properties को undefined रखा गया है , वे Return नहीं होते | इसे हम निमन उदहारण द्वारा समझ सकते है :
Example
var book={
“title”:” json book in hindi”,
“authors”:[
“karan singhania”
],
edition:3,
year:2011
};
var jsonText =JSON.stringify(book,function(key,value){
switch(key){
case:”authors”:
return value.join(“,”)
case “year”:
return 2017;
case “edition”:
return undefined;
default :
return value;
}
} );
उपरोक्त Code में दुसरे Argument के रूप में Specify किया गया Function , Object से Return होने वाली Values को Key के आधार पर Filter करता है |
यानि “author” key को एक Array Notation से String में Convert किया गया है | जबकि “year” को 2018 Set कर दिया गया है और “edition” key को undefined Set कर दिया है जिसकी वजह से Return होने वाले JSON Object में edition Value Included नहीं रहता | जब ये होता है , तब हमें निमनानुसार प्राप्त होता है :
{“title”:”json programming in hindi”,”author”:”karan singhania”,”year”:2017}
ये Result हमें इसलिए प्राप्त हो रहा है , क्योकि जब उपरोक्त Code Run होता है , तो JavaScript के book Object की हर key व वैल्यू इस JSON.stringfy() Function में Pass होती है | यदि उस Key से Matching Value switch Statement में मिल जाती है , तो switch Statement में नहीं मिलता , वह key-value ज्यो का त्यों Return होने वाले JSON Object में Return हो जाता है |
चुकी हमारे book Object में author नाम का एक Array है , इसलिए जब ये Array , JSON.stringfy() Method के तीसरे Argument में Specified Functions में Pass होता है , तो switch के “author” case से Match होने के कारन , वह Array के String में Convert कर दिया जाता है |
फिर जब year नाम का Key इस फंक्शन में पास होता है , तो switch Statement में उसके लिए भी एक case Specified है , जो उसके मन को change करके 2018 कर देता है |
फिर भी जब edition नाम का key इस फंक्शन में पास होता है, तो switch स्टेटमेंट में उसके लिए भी एक case Specified है, जो उसके मन को change करके undefined कर देता है | चुकी JSON Object undefined key-value Pair को Return नहीं करता , इसलिए Return होने वाले JSON Object में edition की इनफार्मेशन नहीं होती है|
चुकी उपरोक्त Inner Function में हमने title Property के लिए switch Statement में कोई case Specify नहीं किया है , इसलिए बुक का title ज्यो का त्यों Return हो जाता है |
इस तरह से हम Array या Function का प्रयोग JSON.stringfy() Method में दुसरे Parameter के रूप में करके अपनी जरुरत के अनुसार JSON Format से Value को फ़िल्टर करके Return करवा सकते है | धयान देने वाली बात ये है की ये Filter किसी JSON Format में Specified सभी Objects पर समान रूप से Apply होंगे |
How to Give String Indentation in JSON in Hindi
JSON.stringfy() Method का तीसरा Argument Return होने वाले JSON Object के Intention को कण्ट्रोल करता है | जब हम इस Argument में कोई संख्या Specify करते है , तो ये संख्या उस Space को Represent करती है , जितने Space का इंडेंटेशन हमें Properties के साथ Assign करना है | उदहारण के लिए यदि हम हमारे JSON Object के साथ 5 Space का इंडेंटेशन देना चाहते है , तो JSON.stringfy() Function को हम निमानानुसार Specify कर सकते है :
var book={
“title”:”json book in hindi”,
“authors”:[
“karan singhania”
],
Year:2017
};
var jsonText =JSON.stringfy(book,null,5);
जैसाकि हम output में देख सकते है की आसानी से Readable बनाने के लिए ये मेथड इंडेंटेशन के साथ ही हर प्रॉपर्टी के लिए एक new Line भी Assign कर देता है , क्योकि बिना new Line के इंडेंटेशन को कोई मतलब ही नहीं होता | इंडेंटेशन value के रूप में हम अधिकतम मान 10 specify कर सकते है | यदि हम इससे ज्यादा मन specify करते है , तो Automatically वह मान specify करते है , तो Automatically वह मान 0 Set हो जाता है |
यदि हम तीसरे Parameter के रूप में किसी String Value को specify करे तो वह String Value हो इंडेंटेशन के रूप में Use होने लगते है | जैसे :
var jsonText =JSON.stringfy(book,null,”– –”);
यहाँ भी अधिकतम 10 Characters की Limit का धयान रखना चाहिए | यदि हम 10 से ज्यादा Characters specify करते है , तो वह String 10 Character तक Truncate हो जाती है |
toJSON() Method
कई बार हमें Custom JSON Serialization की जरुरत परती है , जिसे JSON.stringfy() Method पूरा करने में सक्षम नहीं होता | उस स्थिति में हम toJSON() Method को प्रयोग किसी ऑब्जेक्ट के Method के रूप में कर सकते है|
वास्तब में Native Date() Object के साथ एक toJSON() Method Associated है जो Automatically JavaScript Date Object को Date String Format में Convert कर देता है |
इस Method को हम किसी भी Object में Add कर सकते है |
जैसे :Example
var book ={
“title”:”json book in Hindi”,
“authors”:[
“karan singhania”
],
year: 2017,
toJSON.function(){
return this.title;
}
} ;
var jsonText = JSON.strignfy(book);
Explanation of this Program Example In Hindi
इस Example में हमने हमारे book Object के लिए एक JSON Method Define किया है , जो बुक के Title को Return करता है | Date Object की तरह ही ये Object भी Serialized है और एक Simple String Representation की तरह Object का Title Return करता है |
इसलिए जब हम JSON.stringfy() Method में इस Object को specify करते है , तो ये Method हमें Book का एक JSON Object की तरह Return करता है | हम किसी Object की किसी भी प्रॉपर्टी को इस Method का प्रयोग करते हुये Serialize करके JSON Object के रूप में Return करवा सकते है |
toJSON() Method को हम Filter के साथ भी Use कर सकते है और ऐसा करते समय हमें इस बात का धयान रखना जरुरी होता है Serialization Process के विभीन हिस्से किस Order में Flow होते है | जब कोइ Object JSON.stringfy() Method में Pass किया जाता है , तब निमन Steps Follow होते है ;
- यदि toJSON() Method Available हो, तो ये Method Call होता है और Actual Value को Retrieve करता है | अन्यथा Default Serialization Perform होता है |
- यदि दूसरा Argument specify किया गया हो, तो Filter Apply होता है और फ़िल्टर Function में जो Value Pass होती है , वह वो Value होती है जो पहले Step से Return होती है |
- दुसरे Step से Return होने वाली हर Value Serialize होती है
- यदि Third Argument Specified हो , तो Returning JSON Object पर इंडेंटेशन Formatting Apply हो जाती है |
toJSON() Method को यदि उपयोग में लिया जाता है , तो हमें उपरोक्त क्रम के धयान रखना जरुरी होता है | ताकि हम इस बात का निर्णय ले सके हमें Filter Function Use करना या toJSON() Method अथवा दोनों
Paring Options in Hindi
JSON.parse() Method भी के Extra Argument Accept करता है | जो की एक Key-Value Pair Function होता है | JSON.stringfy() के दुसरे Argument में specify किये गए Replace Function ये Filter Function से भिन्न रखने के लिए ये फंक्शन दो Arguments Accept करता है और के Value Return करता है |
यदि Reviver Function undefined Return करता है , तो Resultant Object से Key Remove हो जाता है | जबकि अदि ये Function कोई और Value Return करता है , तो वह Value Resultant Object में Insert हो जाती है | Function के इस Argument की ठीक से समझने के लिए हम निमनानुसार के Example देख सकते है जिसमे हम के Date String को Date Object में Convert कर रहे है :
Program Example
var book={
“title”:”json programming in hindi”,
“authors”:[
“karan singhaia”
],
year:2017,
releaseDate new Date(2017,4,1);
} ;
var jsonText=JSON.stringfy(book);
var bookCopy=JSON.parse(jsonText,fucntion(key,value)){
if(key==”releaseDate”){
return new Date(value);
}
else{
return value();
}
});
alert(bookCopy.releaseDate.getFullYear());
इस Code में हमने हमारे JavaScript ऑब्जेक्ट में releaseDate नाम की एक और Property specify की है , जो की एक Date है | इस Object का Valid JSON प्राप्त करने के लिए हमने इसे Serialize किया है और फिर उसे JSON को फिर से Parse करके bookCopy Object में प्राप्त किया है |
जब River Function रन होता है , तो ये Function “releaseDate” key को देखता है और इसे प्राप्त करते ही वह Date String के आधार पर के नया Date Object Create करता है |
परिणामस्वरूप resulting bookCopy.releaseDate Property एक प्रकार का Date Object बन जाता है , जिसके साथ getFullYear() Method को Call किया जा सकता है , जो की केवल किसी Date Object के साथ ही Call हो सकता है |
JSON Short Tutorial Notes Study Material with Examples in Hindi
Follow Us On Cyber Point Solution Youtube Channel : Click Here
Follow Us on Social Platforms to get Updated : twiter, facebook, Google Plus
Learn More Ethical Hacking and Cyber Security click on this link. cyber security
1 Comment