脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS遍历JSON数组及获取JSON数组长度

JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

 更新时间：2018年12月12日 10:33:11   作者：zgh0711  
这篇文章主要介绍了JS遍历JSON数组及获取JSON数组长度操作,涉及javascript简单json数组遍历与运算相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作。分享给大家供大家参考，具体如下：

遍历 JSON 数组：

var questions = data.data.questionnaire.questions;
//遍历 json 数组
for (var i in questions) {
    if (questions[i].type == '(单选)') {
      alert('danxuan');
    }
}

获取 JSON 数组长度：

function getJsonLength(json) {
  var jsonLength = 0;
  for (var i in json) {
    jsonLength++;
  }
  return jsonLength;
}

综合测试示例：

//简单json数组：
var jsonDemo ={"name":"\u811a\u672c\u4e4b\u5bb6","addtime":"2018-12-12","username":"jb51","id":5}
//遍历json数组：
for (var i in jsonDemo) {
  console.log(jsonDemo[i]);
}
//获取 JSON 数组长度：
function getJsonLength(json) {
  var jsonLength = 0;
  for (var i in json) {
    jsonLength++;
  }
  return jsonLength;
}
console.log('数组长度：'+getJsonLength(jsonDemo))

使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得到如下运行结果：

PS：这里再为大家推荐几款相关的json在线工具供大家参考：

在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json

JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题：《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

    js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

    用JavaScript刷新上级页面和当前页面在某些情况下还是比较实用的，感兴趣的朋友可以了解下另外介绍一下frame或iframe元素的引用方法，希望本文对你有所帮助
    2013-01-01
  • 几个比较实用的JavaScript 测试及效验工具

    几个比较实用的JavaScript 测试及效验工具

    JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言。作为一个技艺精湛的 Web 开发者，掌握JavaScript可以增强用户的使用体验，提供交互及富客户端等功能。
    2010-04-04
  • JavaScript数据可视化:ECharts制作地图

    JavaScript数据可视化:ECharts制作地图

    这篇文章主要介绍了Echarts实现可视化地图，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-08-08
  • js实现拖拽 闭包函数详细介绍

    js实现拖拽 闭包函数详细介绍

    在开发过程中可能会使用js实现拖拽等相关功能，本文将以此问题进行深入介绍，需要了解的朋友可以参考下
    2012-11-11
  • JavaScript实现页面高亮操作提示和蒙板

    JavaScript实现页面高亮操作提示和蒙板

    这篇文章主要介绍了JavaScript实现页面高亮操作提示和蒙板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JS数组去重的九种高阶方法（亲测有效）

    JS数组去重的九种高阶方法（亲测有效）

    这篇文章主要给大家介绍了关于JS数组去重的九种高阶方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • Three光源Target位置改变光照方向不变的问题解决方法

    Three光源Target位置改变光照方向不变的问题解决方法

    这篇文章主要为大家介绍了Three光源Target位置改变光照方向不变的问题及解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-12-12
  • Javascript 中的 call 和 apply使用介绍

    Javascript 中的 call 和 apply使用介绍

    JavaScript 中通过call或者apply用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象
    2012-02-02
  • JavaScript输出为[object Object]问题的解决办法

    JavaScript输出为[object Object]问题的解决办法

    平时我们在接收后端返回的json对象通常是一个字符串类型的object,所以一般我们要对这个object进行类型转化后,我们才能使用object里面的数据,这篇文章主要给大家介绍了关于JavaScript输出为[object Object]问题的解决办法,需要的朋友可以参考下
    2023-11-11
  • JS实现支持多选的遍历下拉列表代码

    JS实现支持多选的遍历下拉列表代码

    这篇文章主要介绍了JS实现支持多选的遍历下拉列表代码,涉及javascript遍历select及设置css属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08

最新评论