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 相关文章推荐
为原生js Array增加each方法
Apr 07 Javascript
解析瀑布流布局:JS+绝对定位的实现
May 08 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
vue v-model动态生成详解
Jun 30 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
vue实现菜单切换功能
May 08 Javascript
解决Vue-cli无法编译es6的问题
Oct 30 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
杏林同学录(四)
2006/10/09 PHP
php中获取指定IP的物理地址的代码(正则表达式)
2011/06/23 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
javascript cookie操作类的实现代码小结附使用方法
2010/06/02 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
Js动态添加复选框Checkbox的实例方法
2013/04/08 Javascript
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
jQuery中:submit选择器用法实例
2015/01/03 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
vue的for循环使用方法
2019/02/12 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
微信小程序实现菜单左右联动
2020/05/19 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
2020/09/04 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
python之wxPython菜单使用详解
2014/09/28 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
毕业晚会主持词
2014/03/24 职场文书
元旦联欢会主持词
2014/03/26 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
大学生自我评价范文
2015/03/03 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
MySQL入门命令之函数-单行函数-流程控制函数
2021/04/05 MySQL
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记