JS动态遍历json中所有键值对的方法(不知道属性名的情况)

 更新时间:2016年12月28日 10:43:42   作者:aitangyong   我要评论
这篇文章主要介绍了JS动态遍历json中所有键值对的方法,实例分析了针对不知道属性名的情况简单遍历json键值对的操作技巧,需要的朋友可以参考下

本文实例讲述了JS动态遍历json中所有键值对的方法。分享给大家供大家参考,具体如下:

JavaScript中使用ajax技术访问后台资源的时候,常常使用json作为轻量级数据传输格式。json类似于Java中的HashMap,是由一系列的key-value键值对构成。

如果后台返回给前台的json中key的值是动态生成的,那么我们没有办法使用常规的object.name或object["name"]的方式来获取json中的值。

这个时候我们需要在不知道属性名称的时候,遍历json对象,可以使用如下方式:

var jsonObj = {"55":"1","70":"0","80":"2","60":"2"};
for (var prop in jsonObj)
{
  alert("jsonObj[" + prop + "]=" + jsonObj[prop]);
}

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

C语言风格/HTML/CSS/json代码格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json

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

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

相关文章

  • React中嵌套组件与被嵌套组件的通信过程

    React中嵌套组件与被嵌套组件的通信过程

    这篇文章主要介绍了React中嵌套组件与被嵌套组件的通信过程,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-07-07
  • javascript Excel操作知识点

    javascript Excel操作知识点

    使用JavaScript中的ActiveXObject填充并设置Excel格式
    2009-04-04
  • 一分钟理解js闭包

    一分钟理解js闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 根据json字符串生成Html的一种方式

    根据json字符串生成Html的一种方式

    本文介绍了根据Json串生成Html的一种方式(只是简单实现了文本框,密码框,下拉框)感兴趣的朋友可以了解下
    2013-01-01
  • JS自定义选项卡函数及用法实例分析

    JS自定义选项卡函数及用法实例分析

    这篇文章主要介绍了JS自定义选项卡函数及用法,以实例形式较为详细的分析了javascript自定义tab切换函数及使用方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • javascript实现十秒钟后注册按钮可点击的方法

    javascript实现十秒钟后注册按钮可点击的方法

    这篇文章主要介绍了javascript实现十秒钟后注册按钮可点击的方法,涉及javascript时间及样式操作的相关技巧,需要的朋友可以参考下
    2015-05-05
  • JavaScript中发布/订阅模式的简单实例

    JavaScript中发布/订阅模式的简单实例

    这篇文章主要介绍了JavaScript中发布/订阅模式的简单实例,本文给出了一个简单易懂的实现代码,比较容易理解,需要的朋友可以参考下
    2014-11-11
  • JS中捕获console.log()输出的方法

    JS中捕获console.log()输出的方法

    这篇文章主要介绍了JS中捕获console.log()输出的方法,实例分析了实现获取console.log输出的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • JS实现随机抽选获奖者

    JS实现随机抽选获奖者

    这篇文章主要介绍了JS实现随机抽选获奖者,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 如何学JavaScript?前辈的经验之谈

    如何学JavaScript?前辈的经验之谈

    这篇文章主要介绍了如何学JavaScript?前辈的经验之谈,也就是怎么学前端的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论