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 相关文章推荐
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
javascript中的循环语句for语句深入理解
Apr 04 Javascript
jQuery晃动层特效实现方法
Mar 09 Javascript
判断输入的字符串是否是日期格式的简单方法
Jul 11 Javascript
使用BootStrapValidator完成前端输入验证
Sep 28 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
May 25 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
Vue项目中配置pug解析支持
May 10 Javascript
Vue将页面导出为图片或者PDF
Aug 17 Javascript
vue 中固定导航栏的实例代码
Nov 01 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
使用 php4 加速 web 传输
2006/10/09 PHP
Ajax PHP分页演示
2007/01/02 PHP
使用Xdebug调试和优化PHP程序之[1]
2007/04/17 PHP
php mysql索引问题
2008/06/07 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
如何利用PHP执行.SQL文件
2013/07/05 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
PHP单例模式详细介绍
2015/07/01 PHP
PHP实现的json类实例
2015/07/28 PHP
php图片添加水印例子
2016/07/20 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
javaScript复制功能调用实现方案
2012/12/13 Javascript
Javascript浅谈之this
2013/12/17 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
JS将unicode码转中文方法
2017/05/08 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
vue组件学习教程
2017/09/09 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
2017/11/15 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
关于vue属性使用和不使用冒号的区别说明
2020/10/22 Javascript
design vue 表格开启列排序的操作
2020/10/28 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
Python3 模块、包调用&路径详解
2017/10/25 Python
Python2.7基于笛卡尔积算法实现N个数组的排列组合运算示例
2017/11/23 Python
Python利用逻辑回归模型解决MNIST手写数字识别问题详解
2020/01/14 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
python 连续不等式语法糖实例
2020/04/15 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
澳大利亚UGG工厂直销:Australian Ugg Boots
2017/10/14 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
五一促销活动总结
2014/07/01 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python