js遍历总结（for、forEach、while、do-while、for...in...、for...of...、map、filter、find、every、some

for

for循环
　　1、for有三个表达式：①声明循环变量；②判断循环条件；③更新循环变量；三个表达式之间，用;分割，for循环三个表达式都可以省略，但是两个“;”缺一不可。
　　2、for循环的执行特点：先判断再执行，与while相同
　　3、for循环三个表达式都可以有多部分组成，第二部分多个判断条件用&& ||连接，第一三部分用逗号分割；

for (var num =1; num<=10; num++) {
    document.write(num+" <br />"); //1 2 3 4 5 6 7 8 9 10 
}

forEach

与for循环一样，forEach也属于完整遍历数组的方法，并会对数组每项元素执行提供的回调函数，一个完整的forEach应该是这样。

	Array.forEach(function(self,index,arr){},this);

self：数组当前遍历的元素，默认从左往右依次获取数组元素。
index：数组当前元素的索引，第一个元素索引为0，依次类推。
arr：当前遍历的数组。
this：回调函数中this指向。

arr参数平时很少用到，

forEach注意点：
1、不可以用break、return等
2、循环中删除自身元素，index不会受影响
3、forEach是异步函数

while 和 do-while

while (条件) {
要执行的代码块
}

do {
要执行的代码块
} while (条件)

do-while是先执行后判断，所以至少会执行一次

for…in… 和 for…of…

可以用来遍历对象和数组

for (key in 对象)
{
在此执行代码
}

for (val of 对象)
{
在此执行代码
}

注意点：for in 和 for of 还会遍历出对象的私有属性

map、find、fiter

map() 方法会将数组中元素依次传入方法中，并将方法的返回结果组成新数组返回。

find()方法会返回一个满足条件的对象，循环到一个符合条件的对象后就会中止循环；

filter()方法会返回全部满足条件的对象

every、some

every和some都会返回一个Boolean类型的值；

every()为数组中的每一个元素执行一次回调函数，如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测；如果所有的元素都满足给定的条件，那么将返回一个true

some()为数组中的每一个元素执行一次回调函数，直到找到一个使得回调函数返回一个“真值”（即可转换为布尔值 true 的值），如果找到了这样一个值，some() 将会立即返回 true；否则，some() 返回 false

let arr = [1, 2, 3, 4, 5];

let flag_every = arr.every(item => item >= 3 )
console.log(flag_every ); // false

let flag_some = arr.some(item => item >= 3 )
console.log(flag_some ); // true

注意点：map、filter、find、every、some都需要返回值

• @Author: yolo
• @Date: 2021-06-16 18:37:03