json的结构与遍历方法实例分析

 更新时间:2017年04月25日 11:15:12   作者:IT-nose  
这篇文章主要介绍了json的结构与遍历方法,结合具体实例形式分析了json常见的简单与复杂结构表示方法,以及具体的遍历操作实现技巧,需要的朋友可以参考下

本文实例讲述了json的结构与遍历方法。分享给大家供大家参考,具体如下:

第一种json结构:

var jsongood =
{"goods":[{"parentId":"null","productId":1,"name":"商品","amount":"null"},{"parentId":1,"productId":11,"name":"水果","amount":"null"}]};

遍历的方法是:

for(var i = 0;i < jsongood.goods.length; i ++){
alert(jsongood.goods[i].amount);
}

第二种json结构:

var jsongood =
{"parentId":"null","productId":1,"name":"商品","amount":"null"}

遍历方法:

function getJsonLength(jsonobj){
    var length = 0;
    for(var i in jsonobj){
      length ++;
    }
    return length;
}
getJsonLength(jsongood)

PS:关于json操作,这里再为大家推荐几款比较实用的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处理层级数据结构的方法小结

    js处理层级数据结构的方法小结

    本文主要介绍了js处理层级数据结构的方法。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • javascript中的数字与字符串相加实例分析

    javascript中的数字与字符串相加实例分析

    javascript中的数字与字符串相加实例分析,学习js的朋友可以参考下。
    2011-08-08
  • js语法学习之判断一个对象是否为数组

    js语法学习之判断一个对象是否为数组

    这篇文章主要介绍了从javascript判断一个对象是否为数组中学习js语法,需要的朋友可以参考下
    2014-05-05
  • ES6的循环与可迭代对象示例详解

    ES6的循环与可迭代对象示例详解

    这篇文章主要给大家介绍了关于ES6的循环与可迭代对象的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • JS中substring与substr的用法

    JS中substring与substr的用法

    这篇文章主要介绍了JS中substring与substr的用法讲解,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-11-11
  • js实现模态框拖拽

    js实现模态框拖拽

    这篇文章主要为大家详细介绍了js实现模态框拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详解JavaScript的懒加载是如何实现的

    详解JavaScript的懒加载是如何实现的

    懒加载(Lazy Loading)是一种在软件开发中常用的优化技术,它主要用于延迟加载资源,直到真正需要使用的时候才进行加载,这样可以减少初始加载的时间和资源消耗,并提升用户体验,本文给大家详细介绍了JavaScript的懒加载是如何实现的,需要的朋友可以参考下
    2024-01-01
  • await Streaking解决原理示例详解

    await Streaking解决原理示例详解

    这篇文章主要为大家介绍了await Streaking解决原理示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • JavaScript多种滤镜算法实现代码实例

    JavaScript多种滤镜算法实现代码实例

    这篇文章主要介绍了JavaScript多种滤镜算法实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 纯JS开发baguetteBox.js响应式画廊插件

    纯JS开发baguetteBox.js响应式画廊插件

    这篇文章主要介绍了纯JS开发baguetteBox.js响应式画廊插件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06

最新评论