您好,欢迎访问一九零五行业门户网

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

没有介绍正文之前先给大家说下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格式输出,只是解决了浏览器的兼容问题。
其它类似信息

推荐信息