JavaScript遍历Json串浏览器输出的结果不统一问题

站长资源 2024/11/28 佚名

53 1538 53

DDR爱好者之家 Design By 杰米

没有介绍正文之前先给大家说下json是什么。

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，我们称之为JavaScript对象表示法。使用JSON进行数据传输的优势之一是JSON实际上就是JavaScript。它基于ECMAScript第3版中JavaScript对象字面量语法子集的一种文本格式。这表示可以使用responseText从服务器中检索JSON数据，然后再使用JavaScript的eval()方法将JSON字符串转换成JavaScript对象，那么，使用附加JavaScript就可以很地从该对象中提取数据，而不需要处理DOM。

我们在做项目的时候经常会用到javascript的json。

首先说一下javascript的json串是什么，json串属于javascript的一个对象，有键和值对应的对象。

一般的格式是：

a = { 
a1 : 1,
a2 : 'abc',
a3 : 'abc',
a4 : [1,2,3],
a5 : function(){console.log(12)}
};

我们读取这个json 的方法是通过for in 循环来遍历；

使用json串的好处是可以事先把数据库中的数据一次性的读取出来存成json的形式，然后通过javascript来读取里边的属于，这样可以大大减少对服务器的请求次数，增加了前台页面的加载效率。

我们在遍历json的时候会遇到许多问题，我今天遇到的问题是在我们把json串的键值写成数字的情况下，在主流浏览器遍历的时候不会按照我们输出的json的结构先后输出，而是按照数字的从小到大顺序输出。但是ie8以下浏览器会按照我们输出的顺序输出。

例如：

a = { 
'1' : 1,
'5' : function(){console.log(12)},
'2' : 'abc',
'4' : [1,2,3],
'3' : {'5' : 'abc', '6' : 'bcd'},
};

通过for in循环

for(var i in a){
console.log(a[i]);
}

chrome，firefox等浏览器输出：1，abc，Object { 5="abc", 6="bcd"}，[1, 2, 3]，function()；

ie8以及以下浏览器：1，function()，abc，[1, 2, 3]，Object { 5="abc", 6="bcd"}；

解决这样的问题有两种：

第一：就是把数字的键值改成字符串形式的包括字母或者下划线；

第二：就是解决ie的兼容性，通过先遍历json然后把键值存入一个数组中，然后再通过数组排序来循环数组取json中的数据。

具体代码：

var arr = [],sortNumber = function (a,b){
return a - b;
};
for(var i in a){
arr[arr.length] = a[i];
arr.sort(sortNumber);
for(var x = 0; x < arr.length; x++) {
console.log(a[arr[x]]);
}

浏览器读取的数据就会保持一致了，有个缺点就是这个也不会按照我们输出的json格式输出，只是解决了浏览器的兼容问题。

以上所述是小编给大家介绍的JavaScript遍历Json串浏览器输出的结果不统一问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

javascript,json,遍历

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JavaScript遍历Json串浏览器输出的结果不统一问题”

暂无评论...

JavaScript遍历Json串浏览器输出的结果不统一问题

AngularJS创建自定义指令的方法详解

3种不同的ContextMenu右键菜单实现代码

评论“JavaScript遍历Json串浏览器输出的结果不统一问题”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接