循环遍历方法

1、for循环遍历

特点：（1）可跳出循环 （2）可获得索引值                                               

let arr = [1,2,3,4,5];
//普通遍历方法
for(let i=0;i<arr.length;i++){
    console.log(arr[i]);
}

2 、foEach()参数第一个值，第二个索引

特点：（1）可获得索引值 （2） foreach  foreach 方法没办法使用 break 语句跳出循环，或者使用return从函数体内返回

    问题：循环一旦开始了不能结束

arr.forEach((i,v)=>{
    console.log(i);
    console.log(v);
})

 

3、for....in 

    1.index 值  是字符串（String）类型

    2.循环不仅会遍历数组元素，还会遍历任意其他自定义添加的属性，如，objArr上面包含自定义属性，objArr.name，那这次循环中也会出现此name属性

    3.某些情况下，上述代码会以随机顺序循环数组

   4、for-in循环设计之初，是给普通以字符串的值为key的对象使用的。而非数组

for(let i in arr){
    console.log(i);
    console.log(typeof i)
}

 4、for...of

for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环，以替代 for...in 和 forEach() ，并支持新的迭代协议。for...of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等。

for (variable of iterable) {
    statement
}