详解JS遍历对象的五种方法

前言

本文主要讲解Js遍历Object对象的几种方法，下面请出本次出场嘉宾：

	let person={name:'Jack',age:18,sex:'man'}
1

有几种方法能让person对象遍历呢，让我们往下看。

for in方法

for(item in person){
	console.log(person[item]);//Jack 18 man
}
1
2
3

for in方法可以遍历我们的对象，它能获取到对象中的所有属性名，而对象就可以根据这个属性名，来调用对应的属性值。

Object.keys结合for of方法

首先我们明确一个事情，Object.key是用来获取该对象的所有属性名，并把这些值变成一个新数组，主要数组对象使用，普通对象也可以使用，而for of正好也被数组应用，返回的是数组的属性值，那么就可以让两者结合实现属性值的遍历。

for(item of Object.keys(person)){
	console.log(person[item]);
}
1
2
3

首先Object.keys(person)打印出来的是[name,age,sex],这三个对象属性名，再由of遍历出来，在放在person的属性名item上，则可以调用出来属性值。

Object.values结合for of方法

values方法打印的直接就是这个对象的属性值，并封装成数组，所以无需使用person进行调用，直接for of即可调用出来所有person的属性值。

for(item of Object.values(person)){
	console.log(item);
}
1
2
3

Object.entries结合for of方法

entries方法打印出来的是对象的键值对，也就是属性值和属性名都有，也就是把对象彻底变成map键值对的结构，并封装在数组中，属性值通常在属性名后面,那么在for of遍历中，就可以通过item[1]遍历出来想要的属性值。

for(item of Object.entries(person)){
	console.log(item[1]);
}
1
2
3

getOwnPropertyNames和for of

getOwnPropertyNames和keys方法功能一样，它还有length属性，这也意味着它不能转换不能枚举的对象，也就是不能获取长度的对象。它也是获取所有属性名，并封装成一个数组。

for(item of Object.getOwnPropertyNames(person)){
	console.log(person[item]);
}
1
2
3