js 获取json数组里面数组的长度实例


Posted in Javascript onOctober 31, 2017

作为一个前端页面开发者第一次处理json数据,遇到了‘js 获取json数组里面数组的长度'?竟然不知道 json没有.length属性(真是要嘲讽下自己),少壮不努力老大徒伤悲啊!以前都是去寻求男朋友帮助,但是最近尝试自己去解决遇到的问题。

我遇到的问题是这样的:***.jsp结尾的页面里面,后端传给我的json数据是一个数组,然后要获取第二个数组contacts里面的数组长度,然后百度发现 json没有.length属性。怎么办呢?

js 获取json数组里面数组的长度实例

既然json对象没有length属性,如果要知道他的长度怎么办呢?

var jslength=0;
 for(var js2 in json){
 jslength++;
 }

把这段代码写成一个方法,以后调用就行了:

function getJsonLength(jsonData){
 var jsonLength = 0;
 for(var item in jsonData){
  jsonLength++;
 }
 return jsonLength;
}

但是上面的方法只能获取到第一层数组的长度???获取不到子数组里面的数组长度???然后自我发挥了下,用下面方法成功获取到contacts数组的长度。

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);

最后调出的结果:

js 获取json数组里面数组的长度实例

以上这篇js 获取json数组里面数组的长度实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery绑定原理 简单解析与实现代码分享
Sep 06 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
Jul 21 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 Javascript
vue使用canvas实现移动端手写签名
Sep 22 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 Vue.js
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
JS监听Esc 键触发事键
Apr 14 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 Javascript
jQuery读取本地的json文件(实例讲解)
Oct 31 #jQuery
canvas绘制爱心的几种方法总结(推荐)
Oct 31 #Javascript
ES6扩展运算符用法实例分析
Oct 31 #Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 #Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 #Javascript
帝国cms首页列表页实现点赞功能
Oct 30 #Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 #Javascript
You might like
PHP程序员最常犯的11个MySQL错误小结
2010/11/20 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
判断iframe里的页面是否加载完成
2014/06/06 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
2017/04/12 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
2018/10/22 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛5 24 NewBee VS VG
2014/05/25 DOTA
使用Python绘制图表大全总结
2017/02/11 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
Python之pymysql的使用小结
2019/07/01 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
洲际酒店集团美国官网:IHG美国
2017/11/16 全球购物
建筑实习自我鉴定
2013/10/18 职场文书
最新党员的自我评价分享
2013/11/04 职场文书
会计实习生自我鉴定
2013/12/12 职场文书
C++程序员求职信范文
2014/04/14 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server
英国数字版游戏销量周榜公布 《小缇娜的奇幻之地》登顶
2022/04/03 其他游戏