json數(shù)據(jù)格式常見操作示例
本文實(shí)例講述了json數(shù)據(jù)格式常見操作。分享給大家供大家參考，具體如下：
json數(shù)據(jù)格式
第一種，對(duì)象形式
<script>
//var json3={name:"longzhoufeng",age:123}//第一種方式
var json3={"name":"longzhoufeng","age":123}//推薦這種方式，加引號(hào)，安全性高一點(diǎn)，轉(zhuǎn)換格式好一些
for( var attr in json3){
//alert(attr)//name,age
console.log(json3[attr])//longzhoufeng,123
}
</script>
運(yùn)行結(jié)果：
第二種，數(shù)組形式
<script>
var arr=[{"name":"longzhoufeng","age":123},{"name":"minigui","age":25}]
var parn=arr[0].name+"今年多少歲"+arr[1].age
console.log(parn)
</script>
運(yùn)行結(jié)果：
對(duì)象里包數(shù)組
<script>
//對(duì)象里包數(shù)組
var json4={
"url":["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"],
"text":["aaaa","bbbb","cccc","dddd"]
}
for(var att in json4){
console.log(json4[att])
for(var i=0;i<json4[att].length;i++){
console.log(json4[att][i])
}
}
</script>
運(yùn)行結(jié)果：
數(shù)組里包對(duì)象
<script>
var json5=[{"姓名":"longzhoufeng","年齡":123},{"姓名":"minigui","年齡":25}]
for(var i=0;i<json5.length;i++){
for(var att in json5[i]){
//alert(att)
console.log(json5[i][att])
}
}
</script>
運(yùn)行結(jié)果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
純js實(shí)現(xiàn)仿QQ郵箱彈出確認(rèn)框
仿QQ郵箱的彈出層，彈出確認(rèn)框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個(gè)拖動(dòng)事件. 大家可以封裝自己的彈出窗，嘿嘿！2015-04-04
8個(gè)JavaScript條件語句優(yōu)化小技巧分享
在日常的開發(fā)中，我們經(jīng)常會(huì)編寫一些條件語句，過多的?if...else會(huì)導(dǎo)致代碼難以理解和維護(hù)，今天小編來分享幾個(gè)優(yōu)化條件語句的小技巧，希望對(duì)大家有所幫助2022-07-07
一文教你用純JS實(shí)現(xiàn)一個(gè)五子棋游戲
實(shí)現(xiàn)一個(gè)五子棋游戲, 簡要分析其原理, 頁面并沒有很花哨, 原理搞懂了, 后面的就是很輕松的事了,本文給大家介紹了如何用純JS實(shí)現(xiàn)一個(gè)五子棋游戲,文中通過代碼示例給大家介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了javascript自定義的addClass()方法，通過傳參就可以實(shí)現(xiàn)樣式的添加2014-05-05
JavaScript 是一種強(qiáng)大但被誤解的語言。關(guān)于它到底是一種面向?qū)ο蟮恼Z言還是函數(shù)式語言，人們眾說紛紜——但是現(xiàn)在讓我們把這些爭辯都拋到腦后。2014-07-07
關(guān)于前后端json數(shù)據(jù)的發(fā)送與接收詳解
這篇文章主要給大家介紹了關(guān)于前后端json數(shù)據(jù)發(fā)送與接收的相關(guān)資料，文中通過示例代碼詳細(xì)介紹了關(guān)于flask中的json數(shù)據(jù)接收和前端發(fā)送json數(shù)據(jù)等內(nèi)容，需要的朋友可以參考借鑒，下面來一起看看吧。2017-07-07
這篇文章介紹了js判定是否原生方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要介紹了前端實(shí)現(xiàn)界面切換主題的相關(guān)資料,文中介紹了兩種方法,通過link標(biāo)簽的rel屬性和通過變量設(shè)置,前者適用于確定的主題樣式切換,后者則適用于在拾色器中任意選擇顏色更換主題的情況,需要的朋友可以參考下2025-02-02
微信小程序getLocation 需要在app.json中聲明permission字段
這篇文章主要介紹了微信小程序getLocation 需要在app.json中聲明permission字段，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問題
今天小編就為大家分享一篇關(guān)于解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問題，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-02-02