JavaScript中遍历的几种方法

1.while循环css

  while后面跟循环条件和执行语句,只要知足条件,就会一直执行里面的执行数组

var i = 0
while(i<10){ console.log(i) i++ }

2.do...while循环函数

  与while类似,可是他会先执行一次,再作判断条件spa

var i=0
do{ console,log(i) i++ }while(i<10)

3.for循环code

var arr = [0,1,2,3] for(let i = 0;i < arr.length;i++){ console.log(i) }

4.forEach循环对象

var arr = [0,1,2,3] arr.forEach((item,index)=>{ console.log(`下标${index}的数为${item}`) })

5.for...in循环blog

  通常用来遍历对象的属性,遍历数组的话拿到的是下标索引

var obj = {name:'snail',age:18} for(var key in obj){ console.log(key) }

6.for...of循环开发

  能够遍历拿到每个元素it

var str = 'snail'
for(var item of str){ console.log(item) }

7.map映射

  map方法将数组的全部成员依次传入参数函数,而后把每一次的执行结果组成一个新数组返回。

  该函数调用时,map方法向它传入三个参数:当前成员、当前位置和数组自己。

  注意:是返回一个新数组,而不会改变原数组。

var arr = [0,1,2,3] arr.map((item)=>{ return item*2 })

8.filter()过滤循环

   filter方法用于过滤数组成员,知足条件的成员组成一个新数组返回。

  它的参数是一个函数,全部数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组。

var arr = [0,4,2,3,5] arr.filter((item)=>{ return (item>3) })

9.some(),every()遍历

  统计数组是否知足某个条件,这两个方法返回一个布尔值,表示判断数组成员是否符合某种条件。

  它们接受一个函数做为参数,全部数组成员依次执行该函数。该函数接受三个参数:当前成员、当前位置和整个数组,而后返回一个布尔值。

  some方法是只要一个成员的返回值是true,则整个some方法的返回值就是true,不然返回false

  every方法则相反,全部成员的返回值都是true,整个every方法才返回true,不然返回false。两相比较,some()只要有一个是true,便返回true;而every()只要有一个是false,便返回false.

  这两个方法在实际开发中,大有可用之处。好比在断定用户是否勾选了不可操做的数据,或者是否勾选了一条能够操做的数据能够使用这两个方法遍历循环数组。

10.reduce()遍历

  reduce方法第一个参数是一个函数。该函数接受如下四个参数。

  1.Accumulator(累计器)

  2.Current Value(当前值)

  3.Current Index(当前索引)

  4.Source Array(源数组)

  函数的返回值分配给累计器,该返回值在数组的每一个迭代中被记住,并最后成为最终的单个结果值。

  这四个参数之中,只有前两个是必须的,后两个则是可选的。

相关文章
相关标签/搜索