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 05 Javascript
jquery 删除cookie失效的解决方法
Nov 12 Javascript
javascript滚轮控制模拟滚动条
Oct 19 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
Mac下安装vue
Apr 11 Javascript
vue实现简单loading进度条
Jun 06 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
JS实现从对象获取对象中单个键值的方法示例
Jun 05 Javascript
react实现antd线上主题动态切换功能
Aug 12 Javascript
vue路由跳转传递参数的方式总结
May 10 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+ajax导入大数据时产生的问题处理
2014/06/11 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
php文件扩展名判断及获取文件扩展名的N种方法
2015/09/12 PHP
Symfony2使用Doctrine进行数据库查询方法实例总结
2016/03/18 PHP
PHP使用token防止表单重复提交的方法
2016/04/07 PHP
JavaScript 对象模型 执行模型
2009/12/06 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
JS检测图片大小的实例
2013/08/21 Javascript
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度等
2014/05/08 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
jQuery Mobile页面返回不需要重新get
2016/04/26 Javascript
简单解析JavaScript中的__proto__属性
2016/05/10 Javascript
深入理解Angular2 模板语法
2016/08/07 Javascript
vue使用ElementUI时导航栏默认展开功能的实现
2018/07/04 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
2020/11/12 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
举例详解Python中yield生成器的用法
2015/08/05 Python
简述Python中的进程、线程、协程
2016/03/18 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
python实现年会抽奖程序
2019/01/22 Python
简单了解django文件下载方式
2020/02/10 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
python属于解释型语言么
2020/06/15 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
用HTML5 实现橡皮擦的涂抹效果的教程
2015/05/11 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
Nest.js参数校验和自定义返回数据格式详解
2021/03/29 Javascript
go语言中http超时引发的事故解决
2021/06/02 Golang
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL