for in for of forEach Object.keys()

枚举

• 在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被遍历。

for in

• 找到可枚举对象的key值

	let obj={
	 	name:1,
	 	age:2,
	 	sex:3
	 }
	 for(let key in obj){
	 	console.log(key)
	 }
	 //输出结果为
	 //name
	 //age
	 //sex

• 找到数组的索引

	let arr=[
	 	1,2,3
	 ]
	 for(let index in arr){
	 	console.log(index)
	 }
	 //结果为:0,1,2

• for … in循环由于历史遗留问题，它遍历的实际上是对象的属性名称。一个Array数组实际上也是一个对象，它的每个元素的索引被视为一个属性,当我们手动给Array对象添加了额外的属性后，for … in循环将带来意想不到的意外效果

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
    console.log(x); // '0', '1', '2', 'name'
}

Object.keys()

• 找到可枚举对象的key值

	let obj={
	 	name:1,
	 	age:2,
	 	sex:3
	 }
	 console.log(Object.keys(obj))
	 //输出结果为
	 //[name,age,sex]

• 找到数组的索引

	let arr=[
	 	1,2,3
	 ]
	 console.log(Object.keys(arr))
	 //结果为：['1','2','3']

• 对应的，这种方式也会出现for in 中意想不到的问题

for of

• 只能遍历数组，找到对应的value值，它不能遍历对象（因为对象没有iterable接口）
• iterable字面意思：可迭代的，可重复的 ，iterable接口包括forEach，map，reduce等方法
• 遍历数组

	 let arr=[4,5,6,7,2,4]
	 for(let v of arr){
	 	console.log(v) // 4,5,6,7,2,4
	 }

• 遍历数组对象

	 let json=[{name:1},{age:2}]
	 for(let v of json){
	 	console.log(v) // {name:1},{age:2}
	 }

forEach Map Reduce 为遍历器iterable接口下的方法，本质也是for of