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对象与DOM对象之间的转换方法
Apr 15 Javascript
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
Ajax清除浏览器js、css、图片缓存的方法
Aug 06 Javascript
JavaScript实现时钟滴答声效果
Jan 29 Javascript
JavaScript编写九九乘法表(两种任选)
Feb 04 Javascript
使用Vue.js和Flask来构建一个单页的App的示例
Mar 21 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
JS document form表单元素操作完整示例
Jan 13 Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 Javascript
在vue中使用vant TreeSelect分类选择组件操作
Nov 02 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
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
php数据访问之增删改查操作
2016/05/09 PHP
PHP反射API示例分享
2016/10/08 PHP
掌握PHP垃圾回收机制详解
2019/03/13 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
Laravel5.1 框架Request请求操作常见用法实例分析
2020/01/04 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
2015/09/24 Javascript
JS控制层作圆周运动的方法
2016/06/20 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
2016/12/13 Javascript
vue router-link传参以及参数的使用实例
2017/11/10 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
详解Vue的异步更新实现原理
2020/12/22 Vue.js
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python刷投票的脚本实现代码
2014/11/08 Python
对于Python中线程问题的简单讲解
2015/04/03 Python
实例讲解Python编程中@property装饰器的用法
2016/06/20 Python
简单了解Django模板的使用
2017/12/20 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python+ffmpeg批量去视频开头的方法
2019/01/09 Python
详解Python logging调用Logger.info方法的处理过程
2019/02/12 Python
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
简短的公司员工自我评价分享
2013/11/13 职场文书
十八大闭幕感言
2014/01/22 职场文书
高中生操行评语大全
2014/04/25 职场文书
就业导师推荐信范文
2015/03/27 职场文书
pytorch中的model.eval()和BN层的使用
2021/05/22 Python
python套接字socket通信
2022/04/01 Python