es6之对象遍历

遍历对象共有几种方法呢,分别都是可以获取到什么属性呢?接下来,呈现给你

1. for…in

循环遍历对象自身的和继承的可枚举属性( 不包含Symbol属性 )。

var obj = {'0':'a','1':'b','2':'c'};

for(var i in obj) {
	console.log(i, ':', obj[i]);
	// 0 : a
	// 1 : b
    // 2 : c
}

2. Object.keys()

返回一个数组,包括对象自身的( 不含继承的 )所以可枚举属性( 不包含Symbol属性 )。

var obj = {'0':'a','1':'b','2':'c'};

Object.keys(obj).forEach(function(key){
    console.log(key,obj[key]); 
    // 0 a
    // 1 b
    // 2 c
});

3.Object.getOwnPropertyNames(obj)

返回一个数组,包含对象自身的所有属性( 不含Symbol属性,但是包括不可枚举属性 )。

var obj = {'0':'a','1':'b','2':'c'};

Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]); 
    // 0 a
    // 1 b
    // 2 c
});

4.Object.getOwnPropertySymbols(obj)

返回一个数组,包含对象自身的所有 Symbol 属性的键名。

let obj = {};
let id = Symbol('id');
let name = Symbol('name');
obj[id] = 'number one';
obj[name] = '张三';
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(id), symbol(name)]

5.Reflect.ownKeys(obj)

返回一个数组,包含对象自身的(不含继承的)所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。

var obj = {'0':'a','1':'b','2':'c'};

Reflect.ownKeys(obj).forEach(function(key){
console.log(key,obj[key]);
	// 0 a
    // 1 b
    // 2 c
});

以上的 5 种方法遍历对象的键名,都遵守同样的属性遍历的次序规则。

  • 首先遍历所有数值键,按照数值升序排列。
  • 其次遍历所有字符串键,按照加入时间升序排列。
  • 最后遍历所有 Symbol 键,按照加入时间升序排列。
let forArr = [], keysArr = [], namesArr = [], ownArr = [];
// for ... in
for (var i in window){ 
	forArr.push(i);
}  
console.log(forArr.length); // 407

// Object.keys
Object.keys(window).forEach(item => {
 	keysArr.push(key);
 })
 console.log(keysArr.length) // 402

// Object.getOwnPropertyNames
Object.getOwnPropertyNames(window).forEach(item => {
 	namesArr.push(item);
 })
 console.log(namesArr.length) // 1184
 
//Reflect.ownKeys
Reflect.ownKeys(window).forEach(item => {
 	ownArr.push(item);
 })
 console.log(ownArr.length) // 1184

参考链接:
[1] https://www.cnblogs.com/yuer20180726/p/11377897.html

回顾,留下足迹!!!

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值