JavaScript 中 Object，Map，Set 及數組遍歷方法

Object（對象）

for in

• 遍歷出對象可枚舉的"屬性"，包含繼承的可枚舉屬性

var person = {
  name: '小明',
  birth: 1990,
  height: 1.70
};
for(var x in person){
  console.log(x);
  console.log(person[x]); // 不能用person.x，會被認為是取person的x屬性
}

Object.keys，Object.values

• 分別遍歷出對象的"屬性"和"值"，不包含繼承的

var person = {
  id:1,
  name:'zhangsan',
  age:18
}

console.log(Object.keys(person));
console.log(Object.values(person)); // 輸出數組
Object.keys(person).forEach((key)=>{
  console.log(key+':'+person[key]);
})

Object.getOwnPropertyNames

• 遍歷出對象的"屬性"，不包含繼承的
• 與 Object.keys 的區別： Object.keys 返回可枚舉的，Object.getOwnPropertyNames 返回所有的。

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

Map（哈希表）

for of

• 遍歷出每個鍵值對數組

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

map.values，map.keys

• 同 Object

forEach

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

map.entries

• 作用同 for of

Set（集合）

同 Map，區別是：

• set.keys 和 set.values 相等
• 在 forEach 中前兩個參數一致，都是元素本身
• set.entries 會遍歷出數組，類似 ['A', 'A']，不建議使用

Array（數組）

• 普通 for 遍歷
• for 改良：for(var i=0, len=arr.length, i<len, i++)
• for in （效率低）
• for of
• forEach

具體情況不贅述

最後

for in 和 for of 區別

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'
}

for in 迴圈將把 name 包括在內，但 Array 的 length 屬性卻不包括在內

for of 迴圈集合屬性對應的值

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

Object 不能用 for of 遍歷，Map 和 Set 不能用 for in 遍歷

forEach 遍歷類型

forEach 適用於遍曆數組，Map，Set。其他類型比如 Object 可以用 Object.keys 得到數組然後遍歷