JavaScript 中 Object，Map，Set 及数组遍历方法

天上的猩猩参北斗

Object（对象）

for in

• 遍历出对象可枚举的"属性"，包含继承的可枚举属性
  

1. var person = {
2.   name: '小明',
3.   birth: 1990,
4.   height: 1.70
5. };
6. for(var x in person){
7.   console.log(x);
8.   console.log(person[x]); // 不能用person.x，会被认为是取person的x属性
9. }

复制代码

Object.keys，Object.values

• 分别遍历出对象的"属性"和"值"，不包含继承的
  

1. var person = {
2.   id:1,
3.   name:'zhangsan',
4.   age:18
5. }
7. console.log(Object.keys(person));
8. console.log(Object.values(person)); // 输出数组
9. Object.keys(person).forEach((key)=>{
10.   console.log(key+':'+person[key]);
11. })

复制代码

Object.getOwnPropertyNames

• 遍历出对象的"属性"，不包含继承的
  
• 与 Object.keys 的区别： Object.keys 返回可枚举的，Object.getOwnPropertyNames 返回所有的。
  

1. const person = {
2.   id:1,
3.   name:'zhangsan',
4.   age:18
5. }
6. Object.getOwnPropertyNames(person).forEach(function(key){
7.   console.log(key+':'+person[key]);
8. })

复制代码

Map（哈希表）

for of

• 遍历出每个键值对数组
  

1. var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
2. for (var x of m) {
3.   console.log(x[0] + '=' + x[1]);
4. }

复制代码

map.values，map.keys

• 同 Object
  

forEach

1. var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
2. m.forEach((value, key, map)=>{
3.   console.log(value);
4. })

复制代码

map.entries

• 作用同 for of
  

Set（集合）

同 Map，区别是：

• set.keys 和 set.values 相等
  
• 在 forEach 中前两个参数一致，都是元素本身
  
• set.entries 会遍历出数组，类似 ['A', 'A']，不建议使用
  

Array（数组）

<ul> 普通 for 遍历
for 改良：for(var i=0, len=arr.length, i