js-数组的遍历

关于数组的遍历我们可以有很多方法，for循环，forEach方法，map方法等等，定义一个数组arry，各方法的使用如下：

1，for循环

for循环是最容易理解的方法了，就是计算数组的长度，从第一个元素开始遍历

eg：for(let i=0;i<arry.length;i++){

            (操作 arry[i] )

        }

2，for in循环

该循环与for循环基本一样，括号中的  i是数组下标而非元素，该方法只不过括号里的循环条件简单了些，不用再自己手动的将 i 值与数组长度比较，这里的i是数组下标，该方法同样可以用来遍历对象的属性。

eg：for(let i in arry){

            (操作 arry[i] )

        }

3，for of 与for in 比较像，但是for of中循环的是数组元素（item是数组元素）

eg：for(let i tem in arry){

            (操作 item)

        }

4，map

这个方法多用于render函数渲染时对一组数据的渲染，arry.map可以给一组数据同样的结构，它的回调函数中，第一个值是数组中的元素值，第二个值是该元素的数组下标，第三个参数是原数组。

eg：arry.map((value,key)=>{//箭头函数

    //代码段可以有返回值

})

具体实例如图1所示

图1

或

arry.map((value,key)=><div>

//html代码段

</div>)

具体实例如图2所示：

图2

5，forEach

forEach的用法和map差不多，但是forEach中没有返回值