for…in和for…of的用法与区别

写了两年的js，迷迷糊糊的，现在系统地回顾一下

遍历对象的方法

for…in循环、Object.keys()、Object.entries()、Object.values()

1. for … in 循环

for (let key in obj) {
	if (Object.hasOwnProperty(key)) {
		console.log(obj[key]);
	}
}

2. Object.keys()

Object.keys(obj).forEach(function(key) {
	consolo.log(obj[key);
})

3. Object.values() 方法

Object.values(obj).forEach(function(value) {
	console.log(value);
})

4. Object.entries() 方法

Object.entries(obj).forEach(function([key, value]) {
	console.log(key, value);
})

遍历数组的方法

for循环、 forEach方法、for of循环、map、filter、reduce

1. for 循环

for (let i = 0; i < arr.length; i++) {}

2. for…of循环

for (let element of arr) {
	console.log(element);
}

3. map方法（会创建一个新数组）

arr.map(function(item) {
	console.log(item);
})

4. filter 方法（会创建一个新数组）
5. reduce 方法

数组的全部方法

1. 添加、删除
   push:尾部添加元素，返回新数组长度
   pop：移除并返回数组的第一个元素
   unshift：数组头部插入，返回新数组长度
   shift：移除并返回数组的第一个元素

2. 合并、分割
   concat: 合并数组，返回新数组
   slice：分割数组的某一部分，包含起始位置，不包含结束为止

3. 修改数组
   splice：从指定位置开始删除或添加元素
   reverse：颠倒数组的顺序
   sort(compareFunction)：对数组进行排序

4. 查询元素
   indexof：返回指定元素第一个出现的位置，没有返回-1
   lastIndexOf：指定元素最后一次出现的索引，没有返回-1
   includes

5. 遍历数组
   foreach
   map
   filter
   reduce

6. 其他方法
   join
   toString
   isArray

7. 检测方法
   every
   some