JSON አጋዥ ስልጠና - JSON ን ከጃቫስክሪፕት ጋር እንዴት እንደሚጠቀሙ ይወቁ

በዚህ መማሪያ ውስጥ ስለ JSON እንማራለን ፡፡ የ JSON አወቃቀርን ፣ የተለያዩ የውሂብ አይነቶችን እና እንዴት ጃ.ኤስ.ኤስ.ኤን በጃቫስክሪፕት ውስጥ እንዴት እንደሚጠቀሙ እንሸፍናለን ፡፡

ጄንሰን እንደ ፕሮግራም አድራጊ ወይም እንደ QA ሊማሩ ከሚችሏቸው እጅግ በጣም አስፈላጊ ፅንሰ ሀሳቦች አንዱ ነው ፡፡

በፕሮግራም ሥራዎ ጊዜ ሁሉ ኤ.ፒ.አይ. መፍጠርን ፣ ኤ.ፒ.አይ.ን የሚወስድ ወይም ለትግበራዎ የማዋቀር ፋይሎችን መፍጠር JSON ን ሁልጊዜ ይጠቀማሉ ፡፡




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': [...]
}] }


JSON ን ለምን ይጠቀሙ?

እኛ በአነስተኛ የፋይል መጠን ምክንያት በ http ጥያቄዎች እና ምላሾች ወደ ፊት እና ወደ ፊት መላክ እጅግ በጣም ቀላል ስለሆነ JSON ን እንጠቀማለን።

እንደ ኤክስኤምኤል ከመሰለ ነገር ጋር ሲነፃፀር ለማንበብ ቀላል ነው ፣ ምክንያቱም በጣም ንፁህ ስለሆነ እና የሚያስጨንቁ ብዙ የመክፈቻ እና የመዝጊያ መለያዎች ስላልሆኑ።

JSON እንዲሁ ከጃቫ ስክሪፕት ጋር በጣም በጥሩ ሁኔታ ይዋሃዳል ፣ ምክንያቱም JSON የጃቫስክሪፕት ንዑስ ክፍል ብቻ ነው ፣ ይህ ማለት በ ‹JSON› ውስጥ የሚጽፉት ማንኛውም ነገር ትክክለኛ ጃቫስክሪፕት ነው ማለት ነው ፡፡


የጄ.ኤስ.ኤን. ሕብረቁምፊዎችን በዚያ ቋንቋ ወደ ተለያዩ ዕቃዎች ወይም ክፍሎች ለመተንተን እያንዳንዱ ዋና ቋንቋ ማለት ይቻላል አንድ ዓይነት ቤተ-መጽሐፍት ወይም አብሮ የተሰራ ተግባራዊነት አለው ፡፡

ይህ በፕሮግራም ቋንቋ ውስጥ ከ JSON ውሂብ ጋር አብሮ መስራት በጣም ቀላል ያደርገዋል።



የ JSON የውሂብ ዓይነቶች

አሁን JSON ምን እንደ ሆነ እና ለምን አስፈላጊ እንደሆነ ስለገባን ፣ ከተሳተፉት አንዳንድ አገባብ እና JSON ሊወክሏቸው ከሚችሏቸው የውሂብ ዓይነቶች ውስጥ እንዝለቅ ፡፡

JSON የውሂብ ውክልና ቅርጸት እንደ ሆነ ስለምናውቅ በውስጡ የተወሰኑ የውሂብ አይነቶችን መወከል መቻል አለብን ፡፡


JSON በትውልድ ይደግፋል

  • ክሮች
  • ቁጥሮች ቁጥሮች የአስርዮሽ ቁጥሮች ቢሆኑም በማንኛውም ቅርጸት ሊሆኑ ይችላሉ አጠቃላይ ቁጥሮች አሉታዊ ቁጥሮች ሳይንሳዊ የማስታወሻ ቁጥሮች እንኳን
  • ቡሊያን እውነት ወይም ሐሰት ሊሆን ይችላል
  • ከንቱ በመሠረቱ ምንም ነገር የማይቆም
  • ድርድሮች ከላይ ካሉት ማናቸውም ዓይነቶች ዝርዝር ሊሆን ይችላል
  • ዕቃዎች ቁልፍ እሴት ጥንድ የሆኑ መረጃዎችን ለመወከል ስለሚያስችል አንድ ነገር በጄሰን ውስጥ በጣም የተወሳሰበ ግን በጣም ጥቅም ላይ የዋለው ዓይነት ነው


የ JSON ምሳሌ

እስቲ ጄሰን በፋይሉ ውስጥ እንዴት እንደምንጠቀምበት ምሳሌ እንዝለቅ ፡፡

መጀመሪያ ማድረግ ያለብዎት ከ .json ጋር ፋይል መፍጠር ነው ቅጥያው በእሱ መጨረሻ ላይ።

አንድ user.json እንፈጥራለን እንደ 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
  • isProgrammer ነው integer
  • የትርፍ ጊዜ ማሳለፊያዎች | boolean
  • ጓደኞች አንድ Array ነው
ማስታወሻ:በጄ.ኤስ.ኤን ፋይል ወይም በ JSON እቃ ውስጥ በመጨረሻው ንብረት መጨረሻ ላይ ሰረዝ የለም።

በጃቫስክሪፕት ውስጥ የ JSON ክርን እንዴት እንደሚጠቀሙ

እስቲ 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 መተንተን እንችላለን ፡፡ ለምሳሌ ፣ በድርጅቱ ውስጥ የመጀመሪያውን ኩባንያ ስም ለማግኘት ከፈለግን እንጠቀማለን-


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

የጃቫ ስክሪፕት ነገርን ወደ JSON እንዴት መለወጥ እንደሚቻል

አሁን ከዚህ በታች እንደሚታየው የጃቫስክሪፕት ነገር አለን እንበል

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 ነገርን ወደ ጃቫስክሪፕት እንዴት እንደሚቀየር

ከላይ የተጠቀሰውን የ JSON ነገር ወደ ጃቫ ስክሪፕት ለመለወጥ እኛ console.log(jsonPerson.name) እንጠቀማለን ዘዴ

parseማስታወሻ:አሁን ከሞከርን jsPerson = JSON.parse(jsonPerson) 'ብራድ' እናገኛለን።

የተሟላ ምሳሌ

console.log(jsPerson.name)

ማጠቃለያ

  • JSON ለጃቫስክሪፕት የነገር ማሳወቂያ ማለት ነው
  • ቀላል ክብደት ያለው የውሂብ-መለዋወጥ ቅርጸት
  • በጃቫስክሪፕት ንዑስ ክፍል ላይ የተመሠረተ
  • ለማንበብ እና ለመጻፍ ቀላል
  • ቋንቋ ገለልተኛ
  • በአብዛኛዎቹ ዘመናዊ የፕሮግራም ቋንቋዎች ሊተነተን ይችላል

የውሂብ ዓይነቶች

  • ቁጥር በቁጥር እና ተንሳፋፊ መካከል ምንም ልዩነት የለም
  • ገመድ: የዩኒኮድ ቁምፊዎች ገመድ። ድርብ ጥቅሶችን ይጠቀሙ
  • ቡሊያን እውነት ወይም ሐሰት
  • ድርድር
    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 ነው
  • MIME ዓይነት “መተግበሪያ / json” ነው

ከጃቫ ስክሪፕት ጋር ይህን የጄ.ኤስ.ኤን. አሁን ቀላል እና ውስብስብ የ JSON ፋይሎችን መጻፍ እና በጃቫስክሪፕት ውስጥ ካሉ የ JSON ሕብረቁምፊዎች ጋር መስተጋብር መፍጠር ይችላሉ።