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]);
})
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);
})
entries()
- 作用同for of
Set
同Map,区别是:
- set.keys()和set.values()相等
- 在forEach中前两个参数一致,都是元素本身
- set.entries()会遍历出数组,类似['A', 'A'],不建议使用
数组
- 普通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()得到数组然后遍历