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