JS遍歷JSON數(shù)組及獲取JSON數(shù)組長(zhǎng)度操作示例【測(cè)試可用】

更新時(shí)間：2018年12月12日 10:33:11 作者：zgh0711

這篇文章主要介紹了JS遍歷JSON數(shù)組及獲取JSON數(shù)組長(zhǎng)度操作,涉及javascript簡(jiǎn)單json數(shù)組遍歷與運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS遍歷JSON數(shù)組及獲取JSON數(shù)組長(zhǎng)度操作。分享給大家供大家參考，具體如下：

遍歷 JSON 數(shù)組：

var questions = data.data.questionnaire.questions;
//遍歷 json 數(shù)組
for (var i in questions) {
    if (questions[i].type == '(單選)') {
      alert('danxuan');
    }
}

獲取 JSON 數(shù)組長(zhǎng)度：

function getJsonLength(json) {
  var jsonLength = 0;
  for (var i in json) {
    jsonLength++;
  }
  return jsonLength;
}

綜合測(cè)試示例：

//簡(jiǎn)單json數(shù)組：
var jsonDemo ={"name":"\u811a\u672c\u4e4b\u5bb6","addtime":"2018-12-12","username":"jb51","id":5}
//遍歷json數(shù)組：
for (var i in jsonDemo) {
  console.log(jsonDemo[i]);
}
//獲取 JSON 數(shù)組長(zhǎng)度：
function getJsonLength(json) {
  var jsonLength = 0;
  for (var i in json) {
    jsonLength++;
  }
  return jsonLength;
}
console.log('數(shù)組長(zhǎng)度：'+getJsonLength(jsonDemo))

使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼，可得到如下運(yùn)行結(jié)果：

PS：這里再為大家推薦幾款相關(guān)的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中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面在某些情況下還是比較實(shí)用的，感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法，希望本文對(duì)你有所幫助
2013-01-01
幾個(gè)比較實(shí)用的JavaScript 測(cè)試及效驗(yàn)工具
JavaScript 是一款強(qiáng)大的廣泛運(yùn)用于現(xiàn)代Web站點(diǎn)及應(yīng)用的腳本語(yǔ)言。作為一個(gè)技藝精湛的 Web 開發(fā)者，掌握J(rèn)avaScript可以增強(qiáng)用戶的使用體驗(yàn)，提供交互及富客戶端等功能。
2010-04-04
JavaScript數(shù)據(jù)可視化:ECharts制作地圖
這篇文章主要介紹了Echarts實(shí)現(xiàn)可視化地圖，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-08-08
js實(shí)現(xiàn)拖拽閉包函數(shù)詳細(xì)介紹
在開發(fā)過(guò)程中可能會(huì)使用js實(shí)現(xiàn)拖拽等相關(guān)功能，本文將以此問(wèn)題進(jìn)行深入介紹，需要了解的朋友可以參考下
2012-11-11
JavaScript實(shí)現(xiàn)頁(yè)面高亮操作提示和蒙板
這篇文章主要介紹了JavaScript實(shí)現(xiàn)頁(yè)面高亮操作提示和蒙板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-01-01
JS數(shù)組去重的九種高階方法（親測(cè)有效）
這篇文章主要給大家介紹了關(guān)于JS數(shù)組去重的九種高階方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
Three光源Target位置改變光照方向不變的問(wèn)題解決方法
這篇文章主要為大家介紹了Three光源Target位置改變光照方向不變的問(wèn)題及解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-12-12
Javascript 中的 call 和 apply使用介紹
JavaScript 中通過(guò)call或者apply用來(lái)代替另一個(gè)對(duì)象調(diào)用一個(gè)方法，將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisObj 指定的新對(duì)象
2012-02-02
JavaScript輸出為[object?Object]問(wèn)題的解決辦法
平時(shí)我們?cè)诮邮蘸蠖朔祷氐膉son對(duì)象通常是一個(gè)字符串類型的object,所以一般我們要對(duì)這個(gè)object進(jìn)行類型轉(zhuǎn)化后,我們才能使用object里面的數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于JavaScript輸出為[object?Object]問(wèn)題的解決辦法,需要的朋友可以參考下
2023-11-11
JS實(shí)現(xiàn)支持多選的遍歷下拉列表代碼
這篇文章主要介紹了JS實(shí)現(xiàn)支持多選的遍歷下拉列表代碼,涉及javascript遍歷select及設(shè)置css屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08