当前位置: 首页 > 科技观察

盘点JavaScript中数组遍历的所有方法(上)

时间:2023-03-20 17:37:55 科技观察

前言JavaScript想必大家都不陌生,里面经常用到字符串和数组。今天我们就来说说里面的数组对象的遍历。好吧,因为经常用到遍历,小编就带你解锁所有遍历的方法,让你对数组遍历有更深入的理解,并在实际项目中灵活运用。1、Entries是ES6中提供的一种遍历数组的方法,返回一个遍历器对象,Entries是对键值对的遍历。其次,Everyever()是对数组中的每一项运行一个给定的函数,如果函数对每一项都返回True,则返回True。比如:我们给它一个真条件,如下:3.for循环是数组遍历最常用的方法,但是效率不够高。一般建议使用临时变量在数组中存储数据,以便遍历和读取输出,避免重复。如下:4.For...in....用于对数组或对象的属性进行循环操作。每次执行都会对数组的元素或者对象的属性进行一次操作,如下所示:可以看出,返回的是数组的下标和数组的值以及方法和原型上的属性。所以For...in更适合遍历对象,不适合遍历数组。5.for...of可以直接遍历数组元素的值,非常方便遍历数组。推荐使用这种方式,如下:6、foreach可以遍历数组中的每一项,不返回值。原始数组没有效果,不仅在IE浏览器中。如下:7.Filter按照指定条件遍历数组但不改变原数组,返回一个新的数组,相当于一个过滤器,如下:8.总结本文主要介绍数据的7个常用方法JavaScrpit中的遍历,下篇继续安利7种遍历方法。乍一看,没想到有这么多方法。不知道你知道哪些?