JavaScript中遍历的几种方法

  JavaScript遍历的方法有以下几种

1、while循环

  while后面跟着循环条件,只要满足循环条件,循环里的执行语句会一直执行。

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

2、do...while循环

  与while循环不同的是,这里是先执行执行语句,再判断循环的条件是否满足。所以,就算条件不满足,前面的执行语句都会先执行一遍。

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

3、for循环

  最常用的循环。

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循环

  遍历对象的属性获取到的是对象的属性的名称,遍历数组的时候拿到的是下标

var obj = {color:'red',size:18}
for(var key in obj){
  console.log(key)
}

结果:

color

size  

var arr = [0,1,2,3]
for(var key in arr){
    console.log(key);
}

结果: 0  1  2  3  

6、for...of循环

  可以遍历拿到每一个元素。比如可以遍历拿到字符串的每一个字符。

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

结果:a   p   p    l   e

7、map映射

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

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

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

  比如将整数数组变成字符串数组(并不会改变原数组)

var arr = [0,1,2,3]
var strArr = arr.map((item)=>{
  return item+''
});
console.log(arr);
console.log(strArr);

结果:

[0, 1, 2, 3]

["0", "1", "2", "3"]

8、filter()过滤循环

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

  它的参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。

  同样该方法不会改变原数组

var arr = [1,3,5,4,6]
var arr2 = arr.filter((item)=>{
  return (item>3)
});
console.log(arr);
console.log(arr2);

结果:

[1, 3, 5, 4, 6]

[5, 4, 6]

 

原文地址:https://www.cnblogs.com/qinjunlin/p/14137071.html