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)文章
詳解ES6 Promise對(duì)象then方法鏈?zhǔn)秸{(diào)用
這篇文章主要介紹了詳解ES6 Promise對(duì)象then方法鏈?zhǔn)秸{(diào)用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
echarts地圖設(shè)置背景圖片及海岸線實(shí)例代碼
公司的業(yè)務(wù)涉及到統(tǒng)計(jì)圖的有很多,最近一直echarts里面踩各種坑,下面這篇文章主要給大家介紹了關(guān)于echarts地圖設(shè)置背景圖片及海岸線的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)掃雷小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了Javascript的JSBridge，對(duì)JSBridge感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可控制的進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
javaScript 讀取和設(shè)置文檔元素的樣式屬性
有時(shí)候我們需要用js設(shè)置文檔的樣式屬性，下面就是一些方法與原理分析，大家可以看下，應(yīng)該就沒問題了。2009-04-04
有時(shí)因某種特殊需要，會(huì)獲取span里面的值，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-05-05
這篇文章主要介紹了JavaScript?管道運(yùn)算符,管道運(yùn)算符為我們的代碼添加了大量上下文，并簡(jiǎn)化了操作，以便以后可以擴(kuò)展它們，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-05-05
下面小編就為大家?guī)硪黄贐ootstrap框架菜鳥入門教程(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
Bootstrap框架實(shí)現(xiàn)廣告輪播效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap框架結(jié)合JavaScript實(shí)現(xiàn)廣告輪播特效,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11