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 相关文章推荐
如何在标题栏显示框架内页面的标题
Feb 03 Javascript
javascript编程起步(第四课)
Feb 27 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
Feb 27 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 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
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
PHP 利用Mail_MimeDecode类提取邮件信息示例
2014/01/26 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
创建js对象和js类的方法汇总
2014/12/24 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
2015/01/13 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
js倒计时简单实现代码
2016/08/11 Javascript
VueJs路由跳转——vue-router的使用详解
2017/01/10 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
详解三种方式解决vue中v-html元素中标签样式
2018/11/22 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
django自带的server 让外网主机访问方法
2018/05/14 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
python K近邻算法的kd树实现
2018/09/06 Python
Python识别验证码的实现示例
2020/09/30 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
银行实习鉴定
2013/12/13 职场文书
三年大学自我鉴定
2014/01/16 职场文书
护士自我评价范文
2014/01/25 职场文书
大学生求职工作的自我评价
2014/02/13 职场文书
乡镇干部个人对照检查材料思想汇报
2014/10/04 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
报名委托书
2015/01/29 职场文书
文艺节目主持词
2015/07/06 职场文书
Oracle 临时表空间SQL语句的实现
2021/09/25 Oracle
nginx搭建NFS网络文件系统
2022/04/14 Servers