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 相关文章推荐
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
jquery等宽输出文字插件使用介绍
Sep 18 Javascript
利用Keydown事件阻止用户输入实现代码
Mar 11 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
基于jquery.page.js实现分页效果
Jan 01 jQuery
webpack分离css单独打包的方法
Jun 12 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
vue+iview分页组件的封装
Nov 17 Vue.js
vue监听滚动事件的方法
Dec 21 Vue.js
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
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
ThinkPHP5.1表单令牌Token失效问题的解决
2019/03/22 PHP
怎么让脚本或里面的函数在所有图片都载入完毕的时候执行
2006/10/17 Javascript
JavaScript版TAB选项卡效果实例
2013/08/16 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
node thread.sleep实现示例
2018/06/20 Javascript
JavaScript执行环境及作用域链实例分析
2018/08/01 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
Vue中的组件及路由使用实例代码详解
2019/05/22 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
js实现时钟定时器
2020/03/26 Javascript
如何阻止移动端浏览器点击图片浏览
2020/08/29 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
python实现linux下使用xcopy的方法
2015/06/28 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
python中函数传参详解
2016/07/03 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Django设置Postgresql的操作
2020/05/14 Python
Python容器类型公共方法总结
2020/08/19 Python
Django缓存Cache使用详解
2020/11/30 Python
CSS3解决移动页面上点击链接触发色块的问题
2016/06/03 HTML / CSS
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
LN-CC日本:高端男装和女装的奢侈时尚目的地
2019/09/01 全球购物
金融专业个人的自我评价
2013/10/18 职场文书
自荐书格式
2013/12/01 职场文书
驾驶员岗位职责
2014/01/29 职场文书
办公室文员工作职责
2014/01/31 职场文书
高中军训感言400字
2014/02/24 职场文书
联欢晚会主持词
2014/03/25 职场文书
考研英语辞职信
2015/05/13 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
教师读书活动心得体会
2016/01/14 职场文书