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 颜色渐变效果的实现代码
Oct 01 Javascript
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
当某个文本框成为焦点时即清除文本框内容
Apr 28 Javascript
jquery 选取方法都有哪些
May 18 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Sep 26 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
javascript实现下雨效果
Mar 27 Javascript
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
vue props 单项数据流实例分享
Feb 16 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中的MVC模式运用技巧
2007/05/03 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
js截取函数(indexOf,join等)
2010/09/01 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
jQuery 常见小例汇总
2016/12/14 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
iview form清除校验状态的实现
2019/09/19 Javascript
详解React 条件渲染
2020/07/08 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
2020/10/28 Javascript
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
python 读写txt文件 json文件的实现方法
2016/10/22 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
pandas.DataFrame删除/选取含有特定数值的行或列实例
2018/11/07 Python
Python将一个Excel拆分为多个Excel
2018/11/07 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
python读取Excel表格文件的方法
2019/09/02 Python
numpy ndarray 取出满足特定条件的某些行实例
2019/12/05 Python
Python figure参数及subplot子图绘制代码
2020/04/18 Python
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
《乞巧》教学反思
2014/02/27 职场文书
学生上课看漫画的检讨书
2014/09/26 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
公司安全管理制度范本
2015/08/05 职场文书
2016大学迎新晚会开场白
2015/11/24 职场文书
使用Python+OpenCV进行卡类型及16位卡号数字的OCR功能
2021/08/30 Python
日本官方排名前10的动漫,名侦探柯南上榜,第一是一部创造历史的动漫
2022/03/18 日漫