JavaScript遍历Json串浏览器输出的结果不合併难题,

作者: 网络应用  发布:2019-09-03

object本人正是无对象的成团,因而在用 for-in 语句遍历对象的品质时,遍历出的性质顺序与目的定义时不一致。

不曾介绍正文在此之前先给大家说下json是如何。

了解W3C标准:

JSON(JavaScript Object Notation) 是一种轻量级的数据交流格式,大家称之为JavaScript对象表示法。使用JSON实行多少传输的优势之一是JSON实际上正是JavaScript。它基于ECMAScript第3版中JavaScript对象字面量语法子集的一种文本格式。那意味着能够选取responseText从服务器中检索JSON数据,然后再利用JavaScript的eval()方法将JSON字符串转变到JavaScript对象,那么,使用附加JavaScript就能够很地从该对象中领取数据,而不必要管理DOM。

依赖 ECMA-262(ECMAScript)第三版中描述,for-in 语句的性质遍历的种种是由对象定义时属性的书写顺序决定的。

我们在做项指标时候平常会用到javascript的json。

关于 ECMA-262(ECMAScript)第三版中 for-in 语句的越来越多音信,请参谋ECMA-262 3rd 艾德ition 中 12.6.4 The for-in Statement。

第一说一下javascript的json串是如何,json串属于javascript的叁个对象,有键和值对应的目的。

在存活最新的 ECMA-262(ECMAScript)第五版正式中,对 for-in 语句的遍历机制又做了调治,属性遍历的顺序是不曾被确定的。

貌似的格式是:

关于 ECMA-262(ECMAScript)第五版中 for-in 语句的越来越多新闻,请参见 ECMA-262 5rd Edition 中 12.6.4 The for-in Statement。

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

新本子中的属性遍历顺序表明与前期版本不一样,那将产生遵从 ECMA-262 第三版正式内容落实的 JavaScript 分析引擎在拍卖 for-in 语句时,与服从第五版正式落到实处的剖析引擎,对质量的遍历顺序存在分歧样的难题。

大家读取那些json 的不二秘诀是透过for in 循环来遍历;

 由此在支付中应尽量制止编写依赖对象属性顺序的代码。如下:

动用json串的补益是能够事先把数据库中的数据二回性的读抽出来存成json的款型,然后通过javascript来读取里边的属于,那样能够大大减弱对服务器的央求次数,扩张了前台页面包车型大巴加载作用。

<script>
var json1 = {
    "2":{"name":"第1条"},
    "1":{"name":"第2条"},
    "3":{"name":"第3条"}
}
var json2 = [
    {"name":"第1条"},
    {"name":"第2条"},
    {"name":"第3条"}
]
for(var i in json1){
    alert(json1[i].name);
}
//正确
for(var i in json2){
    alert(json2[i].name);
}
</script>

咱俩在遍历json的时候会遇上多数主题材料,小编前几日凌驾的标题是在我们把json串的键值写成数字的境况下,在主流浏览器遍历的时候不会遵纪守法大家输出的json的布局先后出口,而是依照数字的从小到古代序输出。然则ie8以下浏览器会遵照大家输出的各样输出。

会见for-in代码在个浏览器差别:

例如:

图片 1

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

下边通过一段代码单独给大家介绍JS 循环遍历JSON数据

通过for in循环

JSON数据如:

for(var i in a){
console.log(a[i]);
}
{"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"valu
e/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}

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

用js可以写成:

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

var data=[{name:"a",age:12},{name:"b",age:11},{name:"c",age:13},{name:"d",age:14}]; 
   for(var o in data){ 
    alert(o); 
    alert(data[o]); 
    alert("text:"+data[o].name+" value:"+data[o].age ); 
   } 

缓慢解决这样的主题素材有两种:

或是

第一:正是把数字的键值改成字符串情势的总结字母恐怕下划线;

<script type="text/javascript"> 
function text(){ 
 var json = {"options":"[{/"text/":/"王家湾/",/"value/":/"9/"},{/"text/":/"李家湾/",/"value/":/"10/"},{/"text/":/"邵家湾/",/"value/":/"13/"}]"}  
 json = eval(json.options) 
 for(var i=0; i<json.length; i++) 
 { 
   alert(json[i].text+" " + json[i].value) 
 } 
} 
</script> 

第二 :正是化解ie的包容性,通过先遍历json然后把键值存入八个数组中,然后再经过数组排序来循环数组取json中的数据。

你也许感兴趣的稿子:

  • jQuery使用$.each遍历json数组的简练完成情势
  • JQuery遍历json数组的3种方法
  • jQuery 遍历json数组的落到实处代码
  • jQuery遍历json中多个map的方法
  • JS循环遍历JSON数据的章程
  • js 遍历json重临的map内容示例代码
  • 透过Jquery遍历Json的二种数据结构的贯彻代码
  • Javascript Jquery 遍历Json的达成代码
  • JS轻便循环遍历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串浏览器输出的结果不联合难题,希望对我们持有支持,假使大家有其它疑问请给本身留言,作者会及时回复大家的。在此也非常感激我们对台本之家网址的支撑!

你恐怕感兴趣的小说:

  • jQuery通过ajax需要php遍历json数组到table中的代码(推荐)
  • jquery遍历json对象集合详解
  • JS轻松循环遍历json数组的格局
  • javascript for-in有序遍历json数据并商讨种种浏览器差别
  • jquery使用each方法遍历json格式数据实例
  • Jquery遍历Json数据的措施
  • jQuery遍历json中多个map的方法

本文由王中王开奖结果发布于网络应用,转载请注明出处:JavaScript遍历Json串浏览器输出的结果不合併难题,

关键词: