作为一个合格的前端,必知的JS遍历方法

198 阅读3分钟

JS遍历方法有哪些

主要分为三大类:

  • 一般遍历方法
  • 数组遍历方法
  • 对象遍历方法

一般遍历方法

for

一个 for 循环会一直重复执行,直到指定的循环条件为 false

while

一个 while 语句只要指定的条件求值为真(true)就会一直执行它的语句块。

do while

do...while 语句一直重复直到指定的条件求值得到假值(false)。

数组遍历方法

forEach()

forEach()  方法对数组的每个元素执行一次给定的函数。

map()

map()  方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。

filter()

filter()  方法创建给定数组一部分的,其包含通过所提供函数实现的测试的所有元素。

some()

some()  方法测试数组中是不是至少有 1 个元素通过了被提供的函数测试。它返回的是一个 Boolean 类型的值。

every()

every()  方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。

reduce()

reduce()  方法对数组中的每个元素按序执行一个由您提供的 reducer 函数,每一次运行 reducer 会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值。

reduceRight()

reduceRight()  方法接受一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值。

for of

for...of语句可迭代对象(包括 ArrayMapSetStringTypedArrayarguments 对象等等)上创建一个迭代循环,调用自定义迭代钩子,并为每个不同属性的值执行语句。

find()

find()  方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 [undefined]。

findIndex()

findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。

对象的遍历方法

for in

for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性,包括继承的可枚举属性。

Object.keys()

Object.keys()  方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。

Object.values()

Object.values() 方法返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用for...in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

Object.entries()

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)。