js对象遍历顺序

本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

小编介绍了介绍遍历的数组方法（https://www.py.cn/web/js/22876.html），其中使用最频繁的是Object.keys()或for…in。本文向大家介绍关于js对象遍历顺序的内容。

一、常用遍历对象的方法

使用for…in

使用Object.keys

二、遍历规则：

通过Object.keys()或for…in去遍历对象的key值，然后通过key值取到对应的value值，这两种方法获取到的key的顺序是一样的。

1、提取所有 key 的 parseFloat 值为非负整数的属性；

2、根据数字顺序对属性排序首先遍历出来；

3、按照对象定义的顺序遍历余下的所有属性。

纯数字的key会按照数字值排序后优先遍历，含有字母或特殊符号的key不排序，并在纯数字key遍历完之后进行遍历。

三、遍历顺序：

浏览器有关系，Chrome跟IE是不一样的。

使用for-in返回的属性因各个浏览器厂商遵循的标准不一致导致对象属性遍历的顺序有可能不是当初构建时的顺序。

使用Object.keys 同for..in一样不能保证属性按对象原来的顺序输出。

四、解决方法：

可以把对象通过Object.keys提取对象的key出来变成数组，然后通过数组的排序，然后遍历数组，通过key去取对象的属性值。