js-数组的遍历

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

1,for循环

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

eg:for(let i=0;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所示


js-数组的遍历_第1张图片
图1

arry.map((value,key)=>

//html代码段

)

具体实例如图2所示:

图2

5,forEach

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

你可能感兴趣的:(js-数组的遍历)