记录一下平时常用的for循环的方法
1.for
```
let list =[1,2,3,4,5];
for(let index = 0; index < list.length; index++){
console.log(index); //0 1 2 3 4 获取下标
console.log(list[index]); //1 2 3 4 5 获取数组中的元素
}
```
2.forEach
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
```
const arraySparse = [1,2,3];
arraySparse.forEach(function(element,index,array){
console.log(element); // 1 2 3
console.log(index); //0 1 2
});
```
3.for.....in
它最常用的地方应该是用于调试，可以更方便的去检查对象属性
```
let list =[1,2,3];
for(let i in list){
console.log(i +'&'+ list[i]); //0&1 1&2 2&3
}
```
循环将遍历对象本身的所有可枚举属性，以及对象从其构造函数原型中继承的属性
```
Object.prototype.objCustom = function() {};
Array.prototype.arrCustom = function() {};
let iterable = [3, 5, 7];
iterable.foo = 'hello';
for (let i in iterable) {
console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}
```
不能保证for ... in将以任何特定的顺序返回索引。
```
var a = {1:"a",4:"d",3:"c",2:"b"};
for(var i in a)
console.log(i + ": " + a[i]) // 1:a 2:b 3:c 4:d
```
4.for.....of
遍历可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）要迭代的数据（IE 浏览器不支持）
```
const array1 = ['1', '2', '3'];
for (let i of array1) {
console.log(i);
}
```
对于for...of，for，for...in的循环，可以由break中止或跳出循环 ,arr.forEach 可以抛出异常
参考资料：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
