JavaScript JSON使用原理及注意事項
環(huán)境
vscode 1.46 Microsoft Edge 83概念
JSON 是一種按照J(rèn)avaScript對象語法的數(shù)據(jù)格式,這是 Douglas Crockford 推廣的。
雖然它是基于 JavaScript 語法,但它獨立于 JavaScript,這也是為什么許多程序環(huán)境能夠讀?。ń庾x)和生成 JSON。
JSON可以作為一個對象或者字符串存在,前者用于解讀 JSON 中的數(shù)據(jù),后者用于通過網(wǎng)絡(luò)傳輸 JSON 數(shù)據(jù)。
JavaScript 提供一個全局的 可訪問的 JSON 對象來對這兩種數(shù)據(jù)進(jìn)行轉(zhuǎn)換。
JSON 結(jié)構(gòu)
{ 'squadName' : 'Super hero squad', 'homeTown' : 'Metro City', 'formed' : 2016, 'secretBase' : 'Super tower', 'active' : true, 'members' : [ { 'name' : 'Molecule Man', 'age' : 29, 'secretIdentity' : 'Dan Jukes', 'powers' : [ 'Radiation resistance', 'Turning tiny', 'Radiation blast' ] }, { 'name' : 'Madame Uppercut', 'age' : 39, 'secretIdentity' : 'Jane Wilson', 'powers' : [ 'Million tonne punch', 'Damage resistance', 'Superhuman reflexes' ] }, { 'name' : 'Eternal Flame', 'age' : 1000000, 'secretIdentity' : 'Unknown', 'powers' : [ 'Immortality', 'Heat Immunity', 'Inferno', 'Teleportation', 'Interdimensional travel' ] } ]}
JSON 數(shù)組
[ { 'name' : 'Molecule Man', 'age' : 29, 'secretIdentity' : 'Dan Jukes', 'powers' : [ 'Radiation resistance', 'Turning tiny', 'Radiation blast' ] }, { 'name' : 'Madame Uppercut', 'age' : 39, 'secretIdentity' : 'Jane Wilson', 'powers' : [ 'Million tonne punch', 'Damage resistance', 'Superhuman reflexes' ] }]
其他注意事項
JSON 是一種純數(shù)據(jù)格式,它只包含屬性,沒有方法。 JSON 要求有兩頭的 { } 來使其合法。最安全的寫法是有兩邊的括號,而不是一邊。 甚至一個錯位的逗號或分號就可以導(dǎo)致 JSON 文件出錯。您應(yīng)該小心的檢查您想使用的數(shù)據(jù)(雖然計算機(jī)生成的 JSON 很少出錯,只要生成程序正常工作)。您可以通過像 JSONLint 的應(yīng)用程序來檢驗 JSON。 JSON 可以將任何標(biāo)準(zhǔn)合法的 JSON 數(shù)據(jù)格式化保存,不只是數(shù)組和對象。比如,一個單一的字符串或者數(shù)字可以是合法的 JSON 對象。雖然不是特別有用處…… 不像 JavaScript 標(biāo)識符可以用作屬性,在 JSON 中,只有字符串才能用作屬性。對象和文本間的轉(zhuǎn)換
可以使用 JSON.stringify 和 JSON.parse 來進(jìn)行對象和文本間的轉(zhuǎn)換。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 利用CSS3新特性創(chuàng)建透明邊框三角2. html清除浮動的6種方法示例3. CSS代碼檢查工具stylelint的使用方法詳解4. Vue3使用JSX的方法實例(筆記自用)5. vue實現(xiàn)將自己網(wǎng)站(h5鏈接)分享到微信中形成小卡片的超詳細(xì)教程6. CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)7. 詳解CSS偽元素的妙用單標(biāo)簽之美8. 使用css實現(xiàn)全兼容tooltip提示框9. JavaScript數(shù)據(jù)類型對函數(shù)式編程的影響示例解析10. 不要在HTML中濫用div
