快捷導(dǎo)航

json數(shù)據(jù)格式常見操作示例

更新時(shí)間：2019年06月13日 10:25:42 作者：longzhoufeng

這篇文章主要介紹了json數(shù)據(jù)格式常見操作,結(jié)合實(shí)例形式j(luò)son對(duì)象、json數(shù)組表示方式及遍歷技巧,需要的朋友可以參考下

本文實(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測試上述代碼運(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

希望本文所述對(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()方法
這篇文章主要介紹了javascript自定義的addClass()方法，通過傳參就可以實(shí)現(xiàn)樣式的添加
2014-05-05
函數(shù)式 JavaScript（一）簡介
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判定是否原生方法
這篇文章介紹了js判定是否原生方法，有需要的朋友可以參考一下
2013-07-07
前端實(shí)現(xiàn)界面切換主題代碼示例
這篇文章主要介紹了前端實(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