js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度實(shí)例
作為一個(gè)前端頁(yè)面開(kāi)發(fā)者第一次處理json數(shù)據(jù)，遇到了‘js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度'？竟然不知道 json沒(méi)有.length屬性（真是要嘲諷下自己），少壯不努力老大徒傷悲??！以前都是去尋求男朋友幫助，但是最近嘗試自己去解決遇到的問(wèn)題。
我遇到的問(wèn)題是這樣的：***.jsp結(jié)尾的頁(yè)面里面，后端傳給我的json數(shù)據(jù)是一個(gè)數(shù)組，然后要獲取第二個(gè)數(shù)組contacts里面的數(shù)組長(zhǎng)度，然后百度發(fā)現(xiàn) json沒(méi)有.length屬性。怎么辦呢？
既然json對(duì)象沒(méi)有l(wèi)ength屬性，如果要知道他的長(zhǎng)度怎么辦呢？
var jslength=0;
for(var js2 in json){
jslength++;
}
把這段代碼寫(xiě)成一個(gè)方法，以后調(diào)用就行了：
function getJsonLength(jsonData){
var jsonLength = 0;
for(var item in jsonData){
jsonLength++;
}
return jsonLength;
}
但是上面的方法只能獲取到第一層數(shù)組的長(zhǎng)度？？？獲取不到子數(shù)組里面的數(shù)組長(zhǎng)度？？？然后自我發(fā)揮了下，用下面方法成功獲取到contacts數(shù)組的長(zhǎng)度。
var _data = ${contactJson};
function getJsonLength(jsonData){
var jsonLength = 0;
for(var item in jsonData){
if(item == 'contacts'){
for(var x in jsonData[item]){
jsonLength++;
}
}
}
return jsonLength;
}
var _contact_num = getJsonLength(_data);
$('#contactNum').text(_contact_num);
最后調(diào)出的結(jié)果：
以上這篇js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
11個(gè)ES13中令人驚嘆的JavaScript新特性總結(jié)
與許多其他編程語(yǔ)言一樣,JavaScript?也在不斷發(fā)展,小編今天就為大家介紹ES13中添加的最新功能,并查看其用法示例以更好地理解它們,有需要的小伙伴可以了解下2023-09-09
純JavaScript實(shí)現(xiàn)的完美漸變彈出層效果代碼
對(duì)于Web項(xiàng)目開(kāi)發(fā)尤其是前臺(tái)UI的設(shè)計(jì)而言，用戶體驗(yàn)至關(guān)重要，因?yàn)樗苯雨P(guān)系到項(xiàng)目的成敗，簡(jiǎn)潔，平滑，優(yōu)雅的設(shè)計(jì)永遠(yuǎn)能夠受到用戶的青睞。2010-04-04
全面解析JavaScript中apply和call以及bind(推薦)
在javascript中apply、call和bind是三兄弟，很好的搭檔，下面小編給大家全面解析JavaScript中apply和call以及bind的相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
使用coffeescript編寫(xiě)node.js項(xiàng)目的方法匯總
Node.js 基于JavaScript編寫(xiě)應(yīng)用，JavaScript是我的主要開(kāi)發(fā)語(yǔ)言。CoffeeScript是編譯為JavaScript的編程語(yǔ)言。CoffeeScript是一個(gè)非常高階的語(yǔ)言，將JavaScript、Ruby和Python中我最?lèi)?ài)的部分結(jié)合在了一起。小編給大家介紹下使用coffeescript編寫(xiě)node.js項(xiàng)目的方法2015-08-08
使用layer.msg 時(shí)間設(shè)置不起作用的解決方法
今天小編就為大家分享一篇使用layer.msg 時(shí)間設(shè)置不起作用的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了JavaScript中變量提升和函數(shù)提升的詳解，文章通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
詳解js中構(gòu)造流程圖的核心技術(shù)JsPlumb
這篇文章主要介紹了js中構(gòu)造流程圖的核心技術(shù)JsPlumb，jsPlumb是一個(gè)強(qiáng)大的JavaScript連線庫(kù)，它可以將html中的元素用箭頭、曲線、直線等連接起來(lái)，適用于開(kāi)發(fā)Web上的圖表、建模工具等，需要的朋友可以參考下2015-12-12
JavaScript 變量,數(shù)據(jù)類(lèi)型基礎(chǔ)實(shí)例詳解【變量、字符串、數(shù)組、對(duì)象等】
這篇文章主要介紹了JavaScript 變量,數(shù)據(jù)類(lèi)型基礎(chǔ),結(jié)合實(shí)例形式詳細(xì)分析了JavaScript變量聲明、字符串、數(shù)組、對(duì)象等基本使用方法與操作注意事項(xiàng),需要的朋友可以參考下2020-01-01
js實(shí)現(xiàn)可以點(diǎn)擊收縮或張開(kāi)的懸浮窗
這篇文章主要介紹了js實(shí)現(xiàn)可以點(diǎn)擊收縮或張開(kāi)的懸浮窗效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
簡(jiǎn)述ES6新增關(guān)鍵字let與var的區(qū)別
最近看了很多文章，偶然間看到ES6中新增了一個(gè)關(guān)鍵字 let ，它具有與 var 關(guān)鍵字相似的功能。接下來(lái)通過(guò)本文給大家介紹ES6新增關(guān)鍵字let與var的區(qū)別,需要的朋友可以參考下2019-08-08