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