JavaScript学习笔记之数组遍历

关于数组遍历的几种方法

 关于数组的遍历，在平时的开发中经常用到，但大部分跟我一样才刚接触前端的小伙伴可能只会用很简单的for循环的形式来用，如果在比较复杂的开发中，还这么单纯的使用，那可能代码看起来就像是俄罗斯套娃一样了。所以，我跟大家分享几个关于数组的遍历方法。

1.for循环(最最最熟悉的遍历方式。。。)

const list = [1,2,3,4,5,6,7,8];
for(var i=0;i<list.length;i++){
    console.log("下标为"+i+"所对应的值为:"+list[i]);
}

这种方式不用我多说大家肯定是最熟悉的。所以此处省略xxx

2. for in  循环

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

 for  in 循环主要用来遍历数组的下标或对象的属性

3. for of循环

var arr=[1,2,3,4,5,6,7,8];
for(var arrEle of arr){
 console.log(arrEle);   
}

 这种遍历方式与上面有一个不同的方式就是它只遍历数组的值，没有下标。

4.forEach方法：这个方法是我感觉目前几种最帅的遍历方法。它可以用来遍历数组的值和下标。话不多说，看代码。

var arr = [1,2,3,4,5,6,7,8];
arr.forEach(function(ele,index){//ele表示数组的值    index表示数组的下标
    console.log(ele+'...'+index);
});

 虽然都是要求循环数组，但是我们却可以用不同的方法来写出他们来。这些例子只是很简单的应用，在正常的代码开发过程中，我们多多少少会碰到各种各样需要用循环来解决的问题。所以把这些东西整理出来。因为第一次编写文章，不会用特别专业的语句来表达，所以......大家就当看个乐，我也希望能在这里汲取更多关于前端方面的知识。如果有什么我说的不对的地方，欢迎大家能够留言提示我，因为啊，我是一个想在前端道路上越走越远的程序员小白啊!!!