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 相关文章推荐
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
javaScript实现滚动新闻的方法
Jul 30 Javascript
javaScript知识点总结(必看篇)
Jun 10 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
Node+Express+MongoDB实现登录注册功能实例
Apr 23 Javascript
Vue.js2.0中的变化小结
Oct 24 Javascript
对vue 键盘回车事件的实例讲解
Aug 25 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
Mar 01 Javascript
vue使用i18n实现国际化的方法详解
Sep 05 Javascript
基于vue实现图片验证码倒计时60s功能
Dec 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
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
discuz目录文件资料汇总
2014/12/30 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
在次封装easyui-Dialog插件实现代码
2010/11/14 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
微信小程序 解析网页内容详解及实例
2017/02/22 Javascript
在Vue中使用highCharts绘制3d饼图的方法
2018/02/08 Javascript
layer iframe 设置关闭按钮的方法
2019/09/12 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
2020/07/30 Javascript
Python 条件判断的缩写方法
2008/09/06 Python
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
linux环境下安装pyramid和新建项目的步骤
2013/11/27 Python
Django开发中复选框用法示例
2018/03/20 Python
Python读取properties配置文件操作示例
2018/03/29 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python 从一个文件中调用另一个文件的类方法
2019/01/10 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
numpy.array 操作使用简单总结
2019/11/08 Python
tensorflow自定义激活函数实例
2020/02/04 Python
Python如何读取、写入CSV数据
2020/07/28 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
Pamela Love官网:纽约设计师Pamela Love的精美、时尚和穿孔珠宝
2020/10/19 全球购物
制定岗位职责的原则
2013/11/08 职场文书
工业自动化专业毕业生推荐信
2013/11/18 职场文书
花坛标语大全
2014/06/30 职场文书
低碳环保演讲稿
2014/08/28 职场文书
个人查摆问题整改措施
2014/10/04 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
Go 内联优化让程序员爱不释手
2022/06/21 Golang