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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
javascript date格式化示例
Sep 25 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
使用JavaScript制作一个简单的计数器的方法
Jul 07 Javascript
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
Vue分页效果与购物车功能
Dec 13 Javascript
vue select 获取value和lable操作
Aug 28 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 新手入门教程
2009/08/03 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
JS检测是否可以访问公网服务器功能代码
2017/06/19 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
python插入排序算法实例分析
2015/07/03 Python
Python程序中设置HTTP代理
2016/11/06 Python
神经网络理论基础及Python实现详解
2017/12/15 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
Python线性拟合实现函数与用法示例
2018/12/13 Python
Python中请不要再用re.compile了
2019/06/30 Python
Django 解决由save方法引发的错误
2020/05/21 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
Python学习之time模块的基本使用
2021/01/17 Python
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
英语简历自我评价
2014/01/26 职场文书
好人好事事迹材料
2014/02/12 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
父亲去世追悼词
2015/06/23 职场文书
初中军训感想
2015/08/07 职场文书
Python爬虫基础讲解之请求
2021/05/13 Python
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL