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获取作用在元素上面的样式属性代码
Sep 20 Javascript
JQEasy-ui在IE9以下版本中二次加载的问题分析及处理方法
Jun 23 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
Jul 15 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
详解react-redux插件入门
Apr 19 Javascript
解决vue点击控制单个样式的问题
Sep 05 Javascript
vue实现PC端录音功能的实例代码
Jun 05 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
vue+element导航栏高亮显示的解决方式
Nov 12 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下对数组进行排序的函数
2010/08/08 PHP
php检测文件编码的方法示例
2014/04/25 PHP
PHP设置进度条的方法
2015/07/08 PHP
php验证码实现代码(3种)
2015/09/07 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
用js实现预览待上传的本地图片
2007/03/15 Javascript
jQuery 判断元素上是否绑定了事件
2009/10/28 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
2011/09/28 Javascript
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
JS组件Bootstrap实现弹出框效果代码
2016/04/26 Javascript
JS & JQuery 动态添加 select option
2016/06/08 Javascript
jQuery插件Validation快速完成表单验证的方式
2016/07/28 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
2017/02/07 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
2017/03/21 jQuery
jQuery自定义多选下拉框效果
2017/06/19 jQuery
JavaScript对象_动力节点Java学院整理
2017/06/23 Javascript
AngularJS中的路由使用及实现代码
2017/10/09 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
将Python代码打包为jar软件的简单方法
2015/08/04 Python
浅谈DataFrame和SparkSql取值误区
2018/06/09 Python
python将print输出的信息保留到日志文件中
2019/09/27 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
scrapy与selenium结合爬取数据(爬取动态网站)的示例代码
2020/09/28 Python
社区工作者思想汇报
2014/01/13 职场文书
书香校园建设方案
2014/05/02 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
班主任工作总结范文
2015/08/13 职场文书