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


Posted in Javascript onDecember 28, 2016

本文实例讲述了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]);
}
Javascript 相关文章推荐
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
Dec 16 Javascript
JavaScript 基本概念
Jan 20 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
JavaScript对象数组排序实例方法浅析
Jun 15 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
Angular2实现自定义双向绑定属性
Mar 22 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
Vue自定义全局Toast和Loading的实例详解
Apr 18 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
javascript稀疏数组(sparse array)和密集数组用法分析
Dec 28 #Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 #Javascript
AngularJS实现网站换肤实例
Feb 19 #Javascript
详解js树形控件—zTree使用总结
Dec 28 #Javascript
js 轮播效果实例分享
Dec 28 #Javascript
JS正则RegExp.test()使用注意事项(不具有重复性)
Dec 28 #Javascript
Bootstrap 模态框实例插件案例分析
Dec 28 #Javascript
You might like
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
yii2 commands模式以及配置crontab定时任务的方法
2017/08/19 PHP
php微信分享到朋友圈、QQ、朋友、微博
2019/02/18 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
jquery div 居中技巧应用介绍
2012/11/24 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
javascript动画算法实例分析
2015/07/31 Javascript
解决URL地址中的中文乱码问题的办法
2017/02/10 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
require.js与bootstrap结合实现简单的页面登录和页面跳转功能
2017/05/12 Javascript
本地搭建微信小程序服务器的实现方法
2017/10/27 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
[46:03]LGD vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[36:45]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
python的多重继承的理解
2017/08/06 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
浅谈python中str字符串和unicode对象字符串的拼接问题
2018/12/04 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
大学生自我评价怎样写好
2013/10/23 职场文书
意向协议书范本
2014/04/23 职场文书
入职担保书怎么写
2014/05/12 职场文书
出纳工作检讨书
2014/10/18 职场文书
捐书活动倡议书
2015/04/27 职场文书
Matplotlib绘制混淆矩阵的实现
2021/05/27 Python
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技