js中for in循环对象时的取值处理

待我称王封你为后i 2022-06-08 10:37 189阅读 0赞

一个特别奇怪的问题：返回Obj中的键值对顺序和for in取数据时的键值对对应不上

最后查询资料才发现：

<table style="width:700px;"> 
 <tbody> 
  <tr> 
   <td>&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;<span style="color:#4e6384;">Chrome Opera 的 JavaScript 解析引擎遵循的是新版 ECMA-262 第五版规范。因此，使用 for-in 语句遍历对象属性时遍历书序并非属性构建顺序。而 IE6 IE7 IE8 Firefox Safari 的 JavaScript 解析引擎遵循的是较老的 ECMA-262 第三版规范，属性遍历顺序由属性构建的顺序决定。</span></td> 
  </tr> 
  <tr> 
   <td><span style="color:#4e6384;">for-in 语句无法保证遍历顺序，应尽量避免编写依赖对象属性顺序的代码。如果想顺序遍历一组数据，请使用数组并使用 for 语句遍历。 如果想按照定义的次序遍历对象属性，请参考本文针对各浏览器编写特殊代码。</span></td> 
  </tr> 
 </tbody> 
</table>

所以说，当你在js中遍历对象的时候需要做额外的处理。

这里给一个例子做参考：

<table style="width:700px;"> 
 <tbody> 
  <tr> 
   <td>var arr = Object.keys(Obj).sort();//将对象的key进行排序<br> &nbsp; &nbsp; &nbsp; &nbsp; for ( var i = 0, len = arr.length; i &lt; len; i++) { <br> &nbsp; &nbsp; &nbsp; &nbsp; var showText = arr[i];<br> &nbsp; &nbsp; &nbsp; &nbsp; var countNum = cirCountObj[showText];//通过key获取出对应的value<br> console.log(showText + countNum );<br> }</td> 
  </tr> 
 </tbody> 
</table>

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中forEach，for in，for of循环的用法

[https://www.cnblogs.com/amujoe/p/8875053.html][https_www.cnblogs.com_amujoe_p_8875053.h

Myth丶恋晨/ 2023年07月10日 14:26/ 0 赞/ 3 阅读

相关 js对象取值

var obj = { abc:"ss",nn:90}; var v1 = obj.abc;//使用点的方式 var v2 = obj["abc"];/

落日映苍穹つ/ 2022年11月09日 12:52/ 0 赞/ 158 阅读

相关 js中for in 循环

for in 一般用于你不知道该数组或者 [JSON][] 中包含哪些元素,而进行遍历。例如有一个元素未知的[JSON][]对象： var clnums =

偏执的太偏执、/ 2022年06月15日 02:52/ 0 赞/ 220 阅读

相关 javascript中的for in循环和for循环的使用

原文链接： [http://caibaojian.com/js-loop-for-in.html][http_caibaojian.com_js-loop-for-in.htm

向右看齐/ 2022年06月13日 11:48/ 0 赞/ 244 阅读

相关 js中for in循环对象时的取值处理

一个特别奇怪的问题：返回Obj中的键值对顺序和for in取数据时的键值对对应不上最后查询资料才发现： <table style="width:700px;">

待我称王封你为后i/ 2022年06月08日 10:37/ 0 赞/ 190 阅读

相关 JS中for 循环与 for in 循环的区别

首先得先介绍一下什么是for 循环，什么是for in循环 for循环语法： for (设置初始值;设置循环执行的条件;步长累加){ //条件成立，

末蓝、/ 2022年06月05日 04:13/ 0 赞/ 253 阅读

相关 js笔记一:js中 forEach，for in，for of循环的用法

for in是ES5标准，遍历key. for of是ES6标准，遍历value. js中循环语句有forEach，for in，for of 三种了一般的

喜欢ヅ旅行/ 2022年05月16日 08:34/ 0 赞/ 199 阅读

相关 javascript for in 循环遍历对象，对后台返回的对象进行操作取值

最近在写一个商城，商品详情页出现选择商品规格属性的功能，我们的后台就给我返回来object（对象），我又能怎么办。。。这个时候想到了JavaScript中使用for in可以循

﹏ヽ暗。殇╰゛Y/ 2022年05月13日 13:18/ 0 赞/ 174 阅读

相关 JS循环中的中断、异步for...in、forEach、 map

Array.prototype.forEach forEach方法对数组的每个元素执行一次提供的函数。语法: `arr.forEach(callback[, thisA

梦里梦外;/ 2022年01月19日 00:33/ 0 赞/ 395 阅读

相关 JavaScript中的for in循环

在学习AJAX的时候，发现JavaScript中for in循环，这种循环对于遍历JSON是很好用的。于是写下了这篇博文作用 for in循环本质上是forEach循

比眉伴天荒/ 2021年09月17日 05:44/ 0 赞/ 345 阅读