关于javascript:温习js中的forforEachmap-some-every用法总结跳出循环方法

1次阅读

共计 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
正文完
 0