ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

温习js中的for,forEach,map, some, every用法总结,跳出循环方法

2021-06-12 02:02:39  阅读:211  来源: 互联网

标签:map arr return some jsref js item false true


目录

1.for循环  适用于任何循环应用场景

2.forEach 遍历

适用于便利数据,中途不可停止

3.Map 遍历方法

适用于返回接受一个新数组

4.every方法

适用于 检索数组中所有的item数据是否"全都"满足某条件,并返回布尔值。

5.some方法

适用于 检索数组中是否"有一项"满足某条件,并返回布尔值。


温习一遍原生js中的for,forEach,map, some, every用法总结,及其跳出循环的方法

1.for循环  适用于任何循环应用场景

https://www.runoob.com/js/js-loop-for.html

 (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/jsref-foreach.html

[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/jsref-map.html

   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/jsref-every.html

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/jsref-some.html

 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
点击并拖拽以移动

 

 

 

 

标签:map,arr,return,some,jsref,js,item,false,true
来源: https://www.cnblogs.com/tianmiaogongzuoshi/p/14877196.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有