关于遍历javascript 中的json串浏览器输出的结果不统一的情况

Posted qwguo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于遍历javascript 中的json串浏览器输出的结果不统一的情况相关的知识,希望对你有一定的参考价值。

我们在做项目的时候经常会用到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[123],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串浏览器输出的结果不统一的情况的主要内容,如果未能解决你的问题,请参考以下文章

关于json

关于JSON在JavaScript中的定位

关于js中的json对象,json串,数组之间相互转换

前端遍历后台传来的json 串 我后台返回的是map?

如何在 JavaScript 中的子项之间遍历以从 JSON 创建面包屑 UI

js中如何把一串数字转换为数组