Akoranga JSON - Akohia Me Pehea te whakamahi i te JSON me te JavaScript

I tenei akoranga, ka ako taatau mo JSON. Ka hipokina e maatau te hanganga JSON, nga momo raraunga rereke me te whakamahi i te JSON i roto i te JavaScript.

Ko te JSON tetahi o nga kaupapa nui ka taea e koe te ako hei kaihauturu, hei QA ranei.

I roto i to mahinga hotaka ka whakamahi koe i te JSON i nga wa katoa mena kei te hangaia he API, kei te pau i te API, kei te hanga ranei i nga konae whakauru mo to tono.

He aha te JSON

Ko te JSON e tu ana mo te tohu ahanoa JavaScript, he whakatakotoranga whakaaturanga raraunga he rite ki te XML me te YAML.

Ka whakamahia whanui puta noa i te ipurangi mo te tata ki nga API katoa ka uru atu koe, me nga konae whakauru me nga mea penei i nga taakaro me nga etita tuhinga.

He tauira mo te JSON:



#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }

He aha Whakamahia ai a JSON

Ka whakamahia e maatau a JSON na te mea he maamaa rawa te tuku i nga tono http me nga whakautu na te iti o te konae.

He maama noa ki te panui i whakaritea ki tetahi mea penei i te XML na te mea he maamaa ake kaore ano kia rahi nga tohu whakatuwhera me te kati hei awangawanga.

He pai te hono a JSON ki te JavaScript na te mea ko te JSON he waahanga iti noa o te JavaScript, ko te tikanga ko nga mea katoa e tuhia ana e koe i roto i te JSON he tika JavaScript.

Tata ki nga reo nui katoa he momo whare pukapuka tetahi, he mahi raanei-a-roto hei wehe i nga aho o te JSON ki nga taonga me nga karaehe o taua reo.

Ma tenei e maama ai te mahi me nga tuhinga JSON i roto i te reo hotaka.

Nga Momo Raraunga JSON

Na kua maarama taatau he aha te JSON he aha te mea nui, kia ruku ki etahi o nga wetiweti e uru ana me nga momo raraunga e taea ana e JSON te tohu.

Kei te mohio taatau ko te JSON he whakatakotoranga whakaaturanga raraunga na me kaha taatau ki te tohu i etahi momo raraunga o roto.

Ka tautoko a JSON:

  • aho
  • tau he tau ahakoa he aha te ahua ahakoa he tau hautau katoa nga tau kino nga tau kino tae atu ki nga nama tohu putaiao
  • boolean he tika, he teka ranei
  • koretake e kore nei e tu mo te kore noa iho
  • Huinga ka taea te raarangi o nga momo i runga ake nei
  • Ahanoa he mea tino uaua te ahanoa engari ko te momo tino whakamahia i roto i a json na te mea ka taea e koe te tohu i nga raraunga he takirua uara matua

JSON Tauira

Ka ruku maatau ki tetahi tauira me pehea te whakamahi json i roto o tetahi konae.

Ko te mea tuatahi hei mahi maau ko te hanga i tetahi konae me te .json toronga i te mutunga o taua mea.

Ka hanga e matou he user.json konae me tetahi taonga kaiwhakamahi hei kanohi mo te JSON.

Hei hanga i tetahi mea hei whakamahi i nga whakakai tuwhera me te kati {} ana ka uru atu ki roto ka tuhia katoatia nga takirua uara matua hei hanga i ta maatau kaupapa.

Ko nga kaainga katoa kei roto i te JSON he tino uara takirua. Ko te kī matua me karapoti e te takirua '' nga korero ka whai ake te koroni : ana ko te uara mo taua ki.

Mena he maha o taatau uara matua taatau, me piko , te wehe i a maatau takitahi o o taatau uara matua, he rite ki te hanga i tetahi waahanga ki te reo papatono noa.

Tauira Kōnae JSON

#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }

I roto i nga tauira o runga ake nei, he konae ta matou e kiia nei user.json. Kei roto i te konae nga momo momo raraunga.

Ko nga ki e karapotihia ana e nga whakahuatanga rua. Mo nga uara, ko te momo aho anake e karapotia ana e nga korero takirua.

I roto i te tauira:

  • te ingoa ko string
  • tau ko integer
  • isProgrammer ko boolean
  • nga mahi whakangahau he Array
  • he hoa he Array of Objects
Panui:Kaore he piko i te mutunga o nga taonga whakamutunga o te konae JSON he taonga JSON ranei.

Me Pehea te whakamahi i te JSON String Inside JavaScript

Me kii taatau he konae JSON e kiia ana companies.json he rarangi taonga ahanoa a te kamupene:

[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
} ]

I roto i te tauira o runga ake nei, e rua nga taonga a te kamupene kei roto i te raupapa JSON.

Tena kia kite me pehea e whakamahi ai i te JSON i runga ake nei i roto i te JavaScript.

I te nuinga o nga tauari, ka whiwhi maatau i te JSON hei aho kaua ki te taonga JSON. Hei tauira i tenei, ka tohu taatau i te JSON i runga ake nei hei aho i roto i te JavaScript.

Ko ta maatau konae html penei:


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))

Ka tirotirohia e matou te takiuru whakauru ki nga Utauta Kaiwhakawhanake a Chrome, he rite te putanga ki tera e whakaaturia ana i raro ake nei:

He tauira javascript a JSON

Na ka taea e taatau te paanui i te JSON i runga ake nei ma te tohu he aha ta maatau e hiahia ana ki te tango. Hei tauira, mena kei te pirangi matau ki te tiki i te ingoa o te kamupene tuatahi ki te raarangi ka whakamahia e tatou:

console.log(JSON.parse(
companies[0].name )) Output: Big corporate

Waihoki, ki te tiki i te reanga mo te kamupene tuarua ka whakamahia e matou:

console.log(JSON.parse(
companies[1].rating )) Output: 4.3

Me pehea te huri i te Ahanoa a JavaScript ki JSON

Whakaarohia he taonga JavaScript ta tatou e rite ana ki tenei e whai ake nei:


JSON Example

var person = {
name: 'Brad',
age: 35
}

Hei huri i te mea a te tangata JavaScript ki a JSON ka whakamahia e taatau stringify tikanga:

jsonPerson = JSON.stringify(person);

Ko te putanga he JSON whaimana:

{
'name': 'Brad',
'age': 35 }
Panui:console.log(jsonPerson.name) tānga tautuhia . Hei tiki i te uara, me whakahoki e tatou te JSON ki te taonga JavaScript.

Kia pai ai te mahi i runga ake nei, me huri te JSON ki te taonga JavaScript.

Me pehea te huri i te Ahanoa JSON ki te JavaScript

Hei huri i te mea JSON o runga ake nei ki te JavaScript, ka whakamahia te parse tikanga:

jsPerson = JSON.parse(jsonPerson) Panui:Mena kua whakamatauhia taatau console.log(jsPerson.name) whiwhi tatou 'Brad'.

Tauira Katoa


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

Whakarapopototanga

  • E tu ana a JSON mo te Panui Ahanoa a JavaScript
  • Hōputu whakawhiti-whakawhiti ngawari
  • I runga i te waahanga iti o te JavaScript
  • He ngawari ki te panui me te tuhi
  • Motuhake o te reo
  • Ka taea te whiu i roto i te nuinga o nga reo papatono hou

Momo Raraunga:

  • Tau: Kaore he rereke i waenga i te integer me te float
  • Aho: Aho o nga pūāhua Waehereao. Whakamahia nga taarua rua
  • Boolean: Pono, teka ranei
  • Huinga: Rarangi ota mo nga uara 0 neke atu ranei i []
  • Ahanoa: He kohinga ruarua / takirua uara
  • Kore: Uara Putua

Nga Ture Hono a JSON:

  • Ka whakamahi takirua matua / uara - hei tauira {'name': 'value'}
  • Whakamahia ai nga taarua rua KURI
  • Me whakamahi nga momo raraunga kua tau
  • Ko te momo konae ko .json
  • MIME momo ko 'Tono / json'

Ko te tumanako i kitea e koe he pai mo tenei akoranga JSON me te tuhingaJavascript. Ka taea e koe te tuhi i nga konae JSON ngawari me te uaua me te taunekeneke ki nga aho JSON i roto i te JavaScript.