共计 1249 个字符,预计需要花费 4 分钟才能阅读完成。
复习一遍原生 js 中的 for,forEach,map, some, every 用法总结,及其跳出循环的办法
1.for 循环 实用于任何循环利用场景
https://www.runoob.com/js/js-…
(while 循环体和 for 相似, 满足条件就跳出)
const arr = [1,2,3,4,5,6]; | |
for(let i in arr) {console.log(i); | |
// return; // 报错 Uncaught SyntaxError: Illegal return statement | |
// break; // 跳出整个循环 | |
// continue; // 满足条件时, 只跳出以后这轮循环。下轮循环持续 | |
} |
2.forEach 遍历
实用于便当数据,中途不可进行
https://www.runoob.com/jsref/…
[1,2,3,4,5,6].forEach((item,i,arr)=>{console.log(item); // 元素 item | |
console.log(i); // 数组下标 | |
console.log(arr); // 原生数组 | |
// return; // 满足条件只阻止并跳出以后这轮循环, 下一轮循环持续 | |
// break; // 有效报错 | |
// continue; // 有效报错 | |
}) |
3.Map 遍历办法
实用于返回承受一个新数组
https://www.runoob.com/jsref/…
let arr = [1,2,3,4,5,6].map(()=>{ | |
// 没有跳出概念,只会返回一个新数组用于新值承受 | |
return true; | |
}); | |
console.log(arr); //[true, true, true, true, true, true] |
4.every 办法
实用于 检索数组中所有的 item 数据是否 ” 全都 ” 满足某条件, 并返回布尔值。
https://www.runoob.com/jsref/…
const arr =[1,2,3,4,5,6]; | |
let resBool = arr.every((item)=>{ | |
// return false;//false 会跳出遍历并进行 返回 false | |
return item>0; // true => 每条 item 都大于 0, 返回 true | |
// 必须得有返回值 true OR false 否则 默认为 return false | |
}); | |
console.log(resBool); // true |
5.some 办法
实用于 检索数组中是否 ” 有一项 ” 满足某条件, 并返回布尔值。
https://www.runoob.com/jsref/…
const arr = [1,2,3,4,5,6]; | |
let bool = arr.some((item) =>{ | |
// return item >8; //false 返回 false 没有一条满足, 会跳出遍历并进行 返回 false | |
return item >5; // true => 有一条 item 大于 5, 满足,跳出循环遍历, 返回 true | |
// 必须得写 return true OR return false; 否则 默认为 return false | |
}); | |
console.log(bool); // true |
正文完
发表至: javascript
2021-06-12