js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度實(shí)例
作為一個(gè)前端頁(yè)面開發(fā)者第一次處理json數(shù)據(jù)，遇到了‘js 獲取json數(shù)組里面數(shù)組的長(zhǎng)度'？竟然不知道 json沒有.length屬性（真是要嘲諷下自己），少壯不努力老大徒傷悲啊！以前都是去尋求男朋友幫助，但是最近嘗試自己去解決遇到的問題。
我遇到的問題是這樣的：***.jsp結(jié)尾的頁(yè)面里面，后端傳給我的json數(shù)據(jù)是一個(gè)數(shù)組，然后要獲取第二個(gè)數(shù)組contacts里面的數(shù)組長(zhǎng)度，然后百度發(fā)現(xiàn) json沒有.length屬性。怎么辦呢？
既然json對(duì)象沒有l(wèi)ength屬性，如果要知道他的長(zhǎng)度怎么辦呢？
var jslength=0;
for(var js2 in json){
jslength++;
}
把這段代碼寫成一個(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)文章
Bootstrap每天必學(xué)之模態(tài)框（Modal）插件
Bootstrap每天必學(xué)之模態(tài)框（Modal）插件,模態(tài)框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個(gè)單獨(dú)的源的內(nèi)容，可以在不離開父窗體的情況下有一些互動(dòng)。子窗體可提供信息、交互等,感興趣的小伙伴們可以參考一下2016-04-04
Jquery和JS用外部變量獲取Ajax返回的參數(shù)值的方法實(shí)例(超簡(jiǎn)單)
Jquery和JS用外部變量獲取Ajax返回的參數(shù)值的方法實(shí)例(超簡(jiǎn)單)，需要的朋友可以參考一下2013-06-06
Kettle中使用JavaScrip調(diào)用jar包對(duì)文件內(nèi)容進(jìn)行MD5加密的操作方法
這篇文章主要介紹了Kettle中使用JavaScrip調(diào)用jar包對(duì)文件內(nèi)容進(jìn)行MD5加密的方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
Layui 動(dòng)態(tài)禁止select下拉的例子
今天小編就為大家分享一篇Layui 動(dòng)態(tài)禁止select下拉的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript學(xué)習(xí)筆記--常用的互動(dòng)方法
本文對(duì)JavaScript中常用的互動(dòng)方法進(jìn)行實(shí)例分析介紹，圖文并茂，有需要的朋友可以看下2016-12-12
JavaScript實(shí)現(xiàn)復(fù)制或剪切內(nèi)容到剪貼板功能的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)復(fù)制或剪切內(nèi)容到剪貼板功能的方法,我們平時(shí)看到的網(wǎng)頁(yè)上很多一鍵復(fù)制功能就是如此實(shí)現(xiàn),需要的朋友可以參考下2016-05-05
JavaScript中三個(gè)等號(hào)和兩個(gè)等號(hào)你了解多少
本篇文章主要介紹了js里面的==和===，== 判斷如果兩邊變量的類型不同，而 === 則不做類型轉(zhuǎn)換，有興趣的可以了解一下2017-07-07
JavaScript實(shí)現(xiàn)圖片本地預(yù)覽功能【不用上傳至服務(wù)器】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片本地預(yù)覽功能,針對(duì)非IE瀏覽器的HTML5濾鏡功能及IE瀏覽器的相關(guān)組件功能實(shí)現(xiàn)不上傳至服務(wù)器預(yù)覽本地圖片的效果,需要的朋友可以參考下2017-09-09
微信小程序?qū)崿F(xiàn)聊天對(duì)話(文本、圖片)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)聊天對(duì)話功能，可以發(fā)送文本、圖片，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
原生js實(shí)現(xiàn)文件上傳、下載、封裝等實(shí)例方法
在本篇文章里小編給各位整理的是關(guān)于原生js實(shí)現(xiàn)文件上傳、下載、封裝等實(shí)例方法，需要的朋友們可以參考學(xué)習(xí)下。2020-01-01