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 相关文章推荐
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 Javascript
面向对象的Javascript之三(封装和信息隐藏)
Jan 27 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
Aug 02 Javascript
javascript实现支持移动设备画廊
Aug 24 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
May 11 Javascript
jquery文字填写自动高度的实现方法
Nov 07 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
jQuery布局组件EasyUI Layout使用方法详解
Feb 28 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
Vue的属性、方法、生命周期实例代码详解
Sep 17 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
外媒评选出10支2020年最受欢迎的Dota2战队
2021/03/05 DOTA
php adodb连接不同数据库
2009/03/19 PHP
PHP缓存技术的多种方法小结
2012/08/14 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
jquery 操作DOM的基本用法分享
2012/04/05 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
2016/01/04 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
js实现常见的工具条效果
2017/03/02 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
2020/06/24 Javascript
[01:04:14]OG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python的subprocess模块总结
2014/11/07 Python
Python抓取百度查询结果的方法
2015/07/08 Python
Python的Django框架可适配的各种数据库介绍
2015/07/15 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
Django Admin 上传文件到七牛云的示例代码
2020/06/20 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
化学教师教学反思
2014/01/17 职场文书
职工代表大会主持词
2014/04/01 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
个人整改措施书面材料
2014/10/24 职场文书
2016元旦文艺汇演主持词
2015/07/06 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
python 经纬度求两点距离、三点面积操作
2021/06/03 Python
分析并发编程之LongAdder原理
2021/06/29 Java/Android
实现一个简单得数据响应系统
2021/11/11 Javascript
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技
python中 Flask Web 表单的使用方法
2022/05/20 Python