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中没有返回值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容