写在前面的话:
在es6中一共有五种遍历对象的方法,如下:
(1)for...in
for...in
循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。
(2)Object.keys(obj)
Object.keys
返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。
(3)Object.getOwnPropertyNames(obj)
Object.getOwnPropertyNames
返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名。
(4)Object.getOwnPropertySymbols(obj)
Object.getOwnPropertySymbols
返回一个数组,包含对象自身的所有 Symbol 属性的键名。
(5)Reflect.ownKeys(obj)
Reflect.ownKeys
返回一个数组,包含对象自身的所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。
for...in
<script> let firstName=Symbol('firstName'); let person={ name:'lin', hands:'two' } let boy={ name:'帅哥', height:178, weight:74, }; boy[firstName]='dddddd';
Object.defineProperty(boy,'height',{enumerable:false})
Object.setPrototypeOf(boy,person);
for (let attr in boy)
{ console.log(attr)
console.log(boy[attr])
} // (1)for...in
console.log('boy',boy); // for...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。 </script>
其结果为:
从结果可以看出对 boy对象的遍历 可以得到他的直接身的属性name,height,weight还有从person继承的hand是属性,然而遍历不出Symbol属性和不可枚举的height属性。
Object.keys(obj)
<script> let firstName=Symbol('firstName'); let person={ name:'lin', hands:'two' } let boy={ name:'帅哥', height:178, weight:74, }; boy[firstName]='dddddd';
Object.defineProperty(boy,'height',{enumerable:false}) Object.setPrototypeOf(boy,person); var arr= Object.keys(boy); console.log('arr',arr); </script>
还是之前的例子这次使用object.keys()来遍历其结果为:
从结果可知Object.key()方法只能遍历出自身的属性 且Symbol属性也遍历不出,也遍历不出不可枚举的属性。
Object.getOwnPropertyNames()
<script> let firstName=Symbol('firstName'); let person={ name:'lin', hands:'two' } let boy={ name:'帅哥', height:178, weight:74, }; boy[firstName]='dddddd'; Object.setPrototypeOf(boy,person); Object.defineProperty(boy,'height',{enumerable:false}) var arr= Object.getOwnPropertyNames(boy); console.log('arr',arr); </script>
使用object.getOwnPropertyNames()方法得到的结果如下:
该方法可以遍历出自身的属性包括不可枚举的属性,但是遍历不出Symbol属性和继承属性。
Object.getOwnPropertySymbols(obj)
<script> let firstName=Symbol('firstName'); let lastName=Symbol('lastName'); let person={ name:'lin', hands:'two' } let boy={ name:'帅哥', height:178, weight:74, }; person[lastName]='lastnme'; boy[firstName]='dddddd'; Object.setPrototypeOf(boy,person); Object.defineProperty(boy,'height',{enumerable:false}) var arr= Object.getOwnPropertySymbols(boy); console.log('arr',arr); </script>
该 Object.getOwnPropertySymbols()方法只能遍历出自身体的symbol属性,遍历不出原型对象person中的lastName属性。
Reflect.ownKeys(obj)
<script> let firstName=Symbol('firstName'); let lastName=Symbol('lastName'); let person={ name:'lin', hands:'two' } let boy={ name:'帅哥', height:178, weight:74, }; person[lastName]='lastnme'; boy[firstName]='dddddd'; Object.setPrototypeOf(boy,person); Object.defineProperty(boy,'height',{enumerable:false}) var arr= Reflect.ownKeys(boy); console.log('arr',arr); </script>
Reflect.ownKeys(方法可以遍历出包含对象自身的所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。
以上的 5 种方法遍历对象的键名,都遵守同样的属性遍历的次序规则。
- 首先遍历所有数值键,按照数值升序排列。
- 其次遍历所有字符串键,按照加入时间升序排列。
- 最后遍历所有 Symbol 键,按照加入时间升序排列。