关于 for 循环,我常常会混淆,在此做一下梳理。
1、for 循环
最原始的遍历,获得数组里的值。
var arr1 = [1, 2, 3];
for(var i = 0 ; i< arr1.length; i++){
console.log(arr1[i]);
}
2、for……in
for……in,遍历对象的属性名称,键名 key。在数组中,每个元素的下标索引被视为数组的属性名称。所以用 for……in 遍历数组时,实际上获得的值是索引值。
var arr = [“Hello”, “world”];
arr.name = “index”;
for (var k in arr){
console.log(k); // 0,1,name
console.log([arr[k]); // 属性对应的值 “Hello”, “world”
}
console.log(arr.length); // 2
从结果,我们可以看到,当你为 arr 添加一个新的属性名:name 时,遍历时,会把这个属性包括在内,但是,arr.length 还是原来的。
3、for……of(ES6 新增的循环语法)
for……of,遍历对象的属性值,键值 value。它只循环集合本身的元素
var arr = [“Hello”, “world”];
arr.name = “index”;
for (var k in arr){
console.log(k); // Hello, world
}
console.log(arr.length); // 2
同时,for……of 支持遍历其他集合,如字符串、Set 和 Map 对象。再有,它不同于 forEach,可以使用 break 语句跳出循环,也可以使用 continue 和 return 语句。
4、forEach
forEach 其实是 for 循环的简化版,适合于循环次数未知情况下使用。foreach 方法没办法使用 break 语句跳出循环,也无法使用 return 从函数体内返回。