በዚህ መማሪያ ውስጥ ስለ JSON እንማራለን ፡፡ የ JSON አወቃቀርን ፣ የተለያዩ የውሂብ አይነቶችን እና እንዴት ጃ.ኤስ.ኤስ.ኤን በጃቫስክሪፕት ውስጥ እንዴት እንደሚጠቀሙ እንሸፍናለን ፡፡
ጄንሰን እንደ ፕሮግራም አድራጊ ወይም እንደ QA ሊማሩ ከሚችሏቸው እጅግ በጣም አስፈላጊ ፅንሰ ሀሳቦች አንዱ ነው ፡፡
በፕሮግራም ሥራዎ ጊዜ ሁሉ ኤ.ፒ.አይ. መፍጠርን ፣ ኤ.ፒ.አይ.ን የሚወስድ ወይም ለትግበራዎ የማዋቀር ፋይሎችን መፍጠር JSON ን ሁልጊዜ ይጠቀማሉ ፡፡
ጃቫስክሪፕት የነገር ማሳወቂያ የሚያመለክተው JSON ፣ በቀላሉ ከ ‹XML› ወይም ‹YAML› ጋር በጣም የሚመሳሰል የውሂብ ውክልና ቅርጸት ነው ፡፡
ለሚደርሱባቸው እያንዳንዱ ኤ.ፒ.አይ. እንዲሁም እንደ ውቅር ፋይሎች እና እንደ ጨዋታዎች እና የጽሑፍ አርታዒያን ያሉ ነገሮችን በበይነመረቡ ውስጥ በስፋት ጥቅም ላይ ይውላል ፡፡
የ JSON ምሳሌ
#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }
እኛ በአነስተኛ የፋይል መጠን ምክንያት በ http ጥያቄዎች እና ምላሾች ወደ ፊት እና ወደ ፊት መላክ እጅግ በጣም ቀላል ስለሆነ JSON ን እንጠቀማለን።
እንደ ኤክስኤምኤል ከመሰለ ነገር ጋር ሲነፃፀር ለማንበብ ቀላል ነው ፣ ምክንያቱም በጣም ንፁህ ስለሆነ እና የሚያስጨንቁ ብዙ የመክፈቻ እና የመዝጊያ መለያዎች ስላልሆኑ።
JSON እንዲሁ ከጃቫ ስክሪፕት ጋር በጣም በጥሩ ሁኔታ ይዋሃዳል ፣ ምክንያቱም JSON የጃቫስክሪፕት ንዑስ ክፍል ብቻ ነው ፣ ይህ ማለት በ ‹JSON› ውስጥ የሚጽፉት ማንኛውም ነገር ትክክለኛ ጃቫስክሪፕት ነው ማለት ነው ፡፡
የጄ.ኤስ.ኤን. ሕብረቁምፊዎችን በዚያ ቋንቋ ወደ ተለያዩ ዕቃዎች ወይም ክፍሎች ለመተንተን እያንዳንዱ ዋና ቋንቋ ማለት ይቻላል አንድ ዓይነት ቤተ-መጽሐፍት ወይም አብሮ የተሰራ ተግባራዊነት አለው ፡፡
ይህ በፕሮግራም ቋንቋ ውስጥ ከ JSON ውሂብ ጋር አብሮ መስራት በጣም ቀላል ያደርገዋል።
አሁን JSON ምን እንደ ሆነ እና ለምን አስፈላጊ እንደሆነ ስለገባን ፣ ከተሳተፉት አንዳንድ አገባብ እና JSON ሊወክሏቸው ከሚችሏቸው የውሂብ ዓይነቶች ውስጥ እንዝለቅ ፡፡
JSON የውሂብ ውክልና ቅርጸት እንደ ሆነ ስለምናውቅ በውስጡ የተወሰኑ የውሂብ አይነቶችን መወከል መቻል አለብን ፡፡
JSON በትውልድ ይደግፋል
እስቲ ጄሰን በፋይሉ ውስጥ እንዴት እንደምንጠቀምበት ምሳሌ እንዝለቅ ፡፡
መጀመሪያ ማድረግ ያለብዎት ከ .json
ጋር ፋይል መፍጠር ነው ቅጥያው በእሱ መጨረሻ ላይ።
አንድ user.json
እንፈጥራለን እንደ JSON በተወከለው የተጠቃሚ ነገር ፋይል ያድርጉ።
አንድን ነገር ለመፍጠር የታጠፈ ማሰሪያዎችን የመክፈቻ እና የመዝጊያ መጠቀም አለብን {}
እና ከዚያ ውስጣችን የእኛን እቃ የሚሠሩ ቁልፍ ዋጋ ያላቸውን ጥንዶች እናደርጋለን ፡፡
በ JSON ውስጥ ያለው እያንዳንዱ ንብረት ቁልፍ እሴት ጥንድ ነው። ቁልፉ በእጥፍ ''
ጥቅሶች ኮሎን ተከትሎ :
እና ከዚያ ለዚያ ቁልፍ እሴት።
ብዙ የቁልፍ እሴት ጥንዶች ካሉን ፣ ኮማ ያስፈልገናል ,
በመደበኛ የፕሮግራም ቋንቋ ድርድርን እንዴት እንደምንፈጥር ሁሉ እያንዳንዱን ቁልፍ ዋጋ ጥንድችንን መለየት።
#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }
ከላይ በምሳሌው ውስጥ | _ _ + _ | የሚል ፋይል አለን ፡፡ በፋይሉ ውስጥ የተለያዩ የውሂብ አይነቶች አሉን ፡፡
ቁልፎቹ ሁል ጊዜ በሁለት ጥቅሶች የተከበቡ ናቸው ፡፡ ለእሴቶቹ ፣ የሕብረቁምፊው ዓይነት ብቻ በድርብ ጥቅሶች የተከበበ ነው።
በምሳሌው
user.json
string
integer
boolean
Array
ነውእስቲ Array of Objects
የሚባል የ JSON ፋይል አለን ብለን እናስብ የድርጅት ዕቃዎች ስብስብ ነው
companies.json
ከላይ በተጠቀሰው ምሳሌ ውስጥ በ JSON ድርድር ውስጥ ሁለት የኩባንያ ዕቃዎች አሉን ፡፡
አሁን ከላይ ያለውን JSON በጃቫስክሪፕት ውስጥ እንዴት እንደምንጠቀምበት እንመልከት ፡፡
በአብዛኛዎቹ ሁኔታዎች ከ ‹JSON› ዕቃ ይልቅ ‹JSON› እንደ ሕብረቁምፊ እናገኛለን ፡፡ ይህንን ለመምሰል እኛ ከላይ ያለውን JSON በጃቫስክሪፕት ውስጥ እንደ ገመድ እንወክላለን ፡፡
የእኛ የ html ፋይል ይመስላል:
[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
} ]
በ Chrome ገንቢ መሳሪያዎች ውስጥ የኮንሶል ምዝግብ ማስታወሻውን ስንመረምር ውጤቱ ከዚህ በታች ከሚታየው ጋር ተመሳሳይ ነው-
ከዚያ እኛ ማውጣት የምንፈልገውን በመጥቀስ ከላይ ያለውን JSON መተንተን እንችላለን ፡፡ ለምሳሌ ፣ በድርጅቱ ውስጥ የመጀመሪያውን ኩባንያ ስም ለማግኘት ከፈለግን እንጠቀማለን-
JSON Example
let companies =
`[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
}
]`
console.log(JSON.parse(companies))
እንደዚሁም እኛ የምንጠቀምበትን የሁለተኛ ኩባንያ ደረጃ ለማግኘት
console.log(JSON.parse(
companies[0].name )) Output: Big corporate
አሁን ከዚህ በታች እንደሚታየው የጃቫስክሪፕት ነገር አለን እንበል
console.log(JSON.parse(
companies[1].rating )) Output: 4.3
የጃቫስክሪፕት እቃውን ሰው ወደ JSON ለመቀየር እኛ እንጠቀማለን
ዘዴ
JSON Example
var person = {
name: 'Brad',
age: 35
}
stringify
ውጤቱ የሚሰራ JSON ነው
jsonPerson = JSON.stringify(person);
ማስታወሻ:{
'name': 'Brad',
'age': 35 }
ህትመቶች አልተገለጸም . እሴቱን ለማግኘት JSON ን ወደ ጃቫስክሪፕት ነገር መለወጥ አለብን ፡፡ከላይ እንዲሰራ ለማድረግ JSON ን ወደ ጃቫስክሪፕት ነገር መለወጥ ያስፈልገናል ፡፡
ከላይ የተጠቀሰውን የ JSON ነገር ወደ ጃቫ ስክሪፕት ለመለወጥ እኛ console.log(jsonPerson.name)
እንጠቀማለን ዘዴ
parse
ማስታወሻ:አሁን ከሞከርን jsPerson = JSON.parse(jsonPerson)
'ብራድ' እናገኛለን።console.log(jsPerson.name)
የውሂብ ዓይነቶች
JSON Example
var person = {
name: 'Brad',
age: 35
}
jsonPerson = JSON.stringify(person); //convert to JSON
console.log(jsonPerson.name); //undefined
jsPerson = JSON.parse(jsonPerson); //convert to JS Object
console.log(jsPerson.name); //Brad
ውስጥ የ 0 ወይም ከዚያ በላይ እሴቶች የታዘዘ ዝርዝርየ JSON የአገባብ ህጎች
[]
ከጃቫ ስክሪፕት ጋር ይህን የጄ.ኤስ.ኤን. አሁን ቀላል እና ውስብስብ የ JSON ፋይሎችን መጻፍ እና በጃቫስክሪፕት ውስጥ ካሉ የ JSON ሕብረቁምፊዎች ጋር መስተጋብር መፍጠር ይችላሉ።