大学生必备知识:for foreach forin forof 四种的使用场景和区别

1.for循环

1.1用途

遍历数组

var arr1 = [1,2,3,4,'我真帅','你真美']
for(let i = 0;i<arr1.length;i++){
     console.log(arr1[i]) 
}

2.foreach循环

2.1用途

遍历数组

2.2参数

arr.forEach(element,index,arr)

参数1 是遍历的每个arr的值

参数2 是索引值

参数3 是arr本身

var arr = [1,2,3,4,{name:'小王'}]
arr.forEach((ele,i,arr1)=>{
    console.log(ele)
    console.log(i)
    console.log(arr1)
})

3.forin循环

3.1用途 

forin可以用来循环数组但是！！更适合遍历对象

3.2参数

for(const key in obj1)  for( const i in arr)

key是关键字  i是索引值

var obj1 = {
str:10,
str1:20,
str2:30
}
//遍历对象
for(const key in obj1){
   console.log(key);
   console.log(obj1);
}

var arr = [1,2,3,4,5,6,7]
//遍历数组
for(const i in arr){
  console.log(i);
  console.log(arr);
}

4.forof循环

4.1用途 

一个数据结构只有部署了 Symbol.iterator属性，才具有iterator接口可以使用forof循环

不能遍历对象！！！

4.2参数 

for(const iterator of arr1) 在数组中iterator是索引值的意思 还有map也可以遍历

    var a = new Map()
    a.set('at', 11)
    a.set('att', 111)
    a.set('attt', 1111)
    console.log(a);
    for (const iterator of a.entries()) {
        //iterator是每个a.values的值  也可以用a.keys() 
        //a.entries()返回的数组 第一个是关键字 第二个是值
        console.log(iterator);
    }

以后开始写vue2.0的知识，毕竟这些我用不上哈哈哈哈 了解就行