JS如何循環(huán)遍歷JSON數(shù)據(jù)
更新時(shí)間：2024年01月20日 16:55:51 作者：cdming
這篇文章主要介紹了JS如何循環(huán)遍歷JSON數(shù)據(jù)的方法,本文提供了 JS 循環(huán) JSON 數(shù)據(jù)列,以及 JS 循環(huán)遍歷 JSON 數(shù)據(jù)的例子,需要的朋友可以參考下
JS循環(huán)遍歷JSON數(shù)據(jù)
本文提供了 JS 循環(huán) JSON 數(shù)據(jù)列，以及 JS 循環(huán)遍歷 JSON 數(shù)據(jù)的例子，供大家學(xué)習(xí)參考。
1. json數(shù)據(jù)的列循環(huán)
var len = json.length;
for (var i = 0; i < len; i++)
{
for (obj in json[i])
{
var obj2 = obj;
}
}2. JS 循環(huán)遍歷JSON數(shù)據(jù)
JSON數(shù)據(jù)如：
{
"options":[
{"text":"王家灣","value":"9"},
{"text":"李家灣","value":"10"},
{"text":"邵家灣","value":"13"}
]
}用js循環(huán)遍歷的方法如下：
//方法1，
var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}];
for(var o in data){
alert(o);
alert(data[o]);
alert("text:"+data[o].name+" value:"+data[o].age );
} //方法2，
<script type="text/javascript">
function text(){
var json = {"options":"[{/"text/":/"王家灣/",/"value/":/"9/"},{/"text/":/"李家灣/",/"value/":/"10/"},{/"text/":/"邵家灣/",/"value/":/"13/"}]"}
json = eval(json.options)
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
}
</script>到此這篇關(guān)于JS如何循環(huán)遍歷JSON數(shù)據(jù)的方法的文章就介紹到這了,更多相關(guān)JS循環(huán)遍歷JSON數(shù)據(jù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript?函數(shù)表達(dá)式與函數(shù)聲明的用法及區(qū)別
這篇文章主要介紹了JavaScript?函數(shù)表達(dá)式與函數(shù)聲明詳析，函數(shù)表達(dá)式和函數(shù)聲明是JavaScript中創(chuàng)建函數(shù)的兩種方法，下面文章具體的相關(guān)內(nèi)容介紹，需要的小伙伴可以參考一下2022-06-06
js實(shí)現(xiàn)簡(jiǎn)單分頁(yè)導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)單分頁(yè)導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
JS判斷是否手機(jī)或pad訪問(wèn)實(shí)現(xiàn)方法
這篇文章主要介紹了JS判斷是否手機(jī)或pad訪問(wèn)實(shí)現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下2016-12-12
Echarts?3D散點(diǎn)圖實(shí)戰(zhàn)案例
這篇文章主要給大家介紹了關(guān)于Echarts?3D散點(diǎn)圖的相關(guān)資料, Echarts散點(diǎn)圖是一種常用的數(shù)據(jù)可視化圖表類型,用于展示兩個(gè)或多個(gè)維度的數(shù)據(jù)分布情況,需要的朋友可以參考下2023-11-11
html的DOM中document對(duì)象forms集合用法實(shí)例
這篇文章主要介紹了html的DOM中document對(duì)象forms集合用法,實(shí)例分析了forms集合的功能與使用技巧,需要的朋友可以參考下2015-01-01
學(xué)習(xí)javascript面向?qū)ο?理解javascript對(duì)象
這篇文章主要介紹了javascript對(duì)象，學(xué)習(xí)javascript面向?qū)ο?，感興趣的小伙伴們可以參考一下2016-01-01
JS平滑無(wú)縫滾動(dòng)效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JS平滑無(wú)縫滾動(dòng)效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考2016-05-05
confirm的用法示例用于按鈕操作時(shí)確定是否執(zhí)行
這篇文章主要介紹了confirm的用法，confirm一般用于按鈕操作時(shí)確定是否執(zhí)行,需要的朋友可以參考下2014-06-06
javascript中一些數(shù)組常用的API總結(jié)
Js中數(shù)組是一個(gè)重要的數(shù)據(jù)結(jié)構(gòu),它相比于字符串有更多的方法,本篇文章總結(jié)了一些數(shù)組中常用的API,我們把它們分成兩類,一類是會(huì)改變?cè)紨?shù)組,一類是不會(huì)改變?cè)紨?shù)組,感興趣的小伙伴可以學(xué)習(xí)一下2023-09-09
這篇文章主要介紹了JS原生瀑布流效果實(shí)現(xiàn) ，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04