js 各种循环的区别与用法(for in,forEach,for of)

1,forEach循环   不能跳过或者终止循环

const a = ["a","ss","cc"]
    a.dd="11"
    a.forEach(index =>{
//        if (index ===‘ss‘) {
//            break;
//        }   // 终止循环 如果终止循环会报错
        console.log(index)
    }) // a ss cc

2,for in 循环   返回可枚举的属性

for(index in a){
   console.log(a[index])
} //a ss cc 11   // 返回可枚举的属性

  

3,for of 循环  es6用法 可终止循环

for(let index of a){
      if(index === ‘ss‘){
          continue  // break
      }
      console.log(index)
}//a ss cc

  

时间: 2024-12-16 02:25:38

js 各种循环的区别与用法(for in,forEach,for of)的相关文章

js中!和!!的区别及用法

js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值,1.!可将变量转换成boolean类型,null.undefined和空字符串取反都为false,其余都为true. 1 !null=true 2 3 !undefined=true 4 5 !''=true 6 7 !100=false 8 9 !'abc'=false 2.!!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算,在js中新手常常会写这样臃肿的代码:判断变量a为非空,未定

for循环和while循环的区别及用法

for循环和while循环是可以互相代替的,比如: for (int i = 0; i<10; i++) {...//插入语句 } 用while来写就是int i = 0;while (i<10) {...//插入语句i++;} for循环比较简洁,会比while更常用些,尤其是用array的时候,很方便的. 但是如果想做无限循环,while更方便点,比如说int i = 1;while (i == 1){ ... } 还有一种do..while,和while差不多,但是do...while在

js onclick与addEventListener 区别及用法

addEventListener(建议使用)好比一个监听容器,这个容器里面可以装很多个监听事件,而且每一个事件都会执行. onclick 在今天之前我使用这个(onclick)比较多(单纯的是因为看到的基本都是用这个,有个缺点就是同一个元素绑定两个不同的事件前一个事件会被后一个事件覆盖. 今天在公司问了一下这两个的区别,印象很深刻,自己也验证了一下,我这里上一段我的验证代码(代码里面的'222'会被覆盖不弹出),大家也可以试一下: <!DOCTYPE html><html>    

.NET中的三种Timer的区别和用法(转)

最近正好做一个WEB中定期执行的程序,而.NET中有3个不同的定时器.所以正好研究研究.这3个定时器分别是:  //1.实现按用户定义的时间间隔引发事件的计时器.此计时器最宜用于 Windows 窗体应用程序中,并且必须在窗口中使用.  System.Windows.Forms.Timer  // 2.提供以指定的时间间隔执行方法的机制.无法继承此类.  System.Threading.Timer  //3.在应用程序中生成定期事件.  System.Timers.Timer  这三个定时器位

js中继承的几种用法总结(apply,call,prototype)

本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助 一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 <SPAN style="<SPAN style="FONT-SIZE: 18px"><html>   <body>  <script type="text/javascript"> 

JS基础——循环很重要

介绍循环之前,首先要说一下同样很重要的if-else结构,switch-case结构 ①if-else结构 if(判断条件) { 条件为true时执行 } else{ 条件为false时执行 } ②if-else-if结构(阶梯if) if(条件一){ 条件一成立 } else if( 条件二){ 条件一不成立&&条件二成立 (else-if部分可以有多个) } else{ 条件一不成立&&条件二不成立 } ③嵌套if结构 结构写法 if(条件一){ 条件一成立 if(条件

python中生成器对象和return 还有循环的区别

python中生成器对象和return 还有循环的区别 在python中存在这么一个关键字yield,这个关键字在项目中经常被用到,比如我写一个函数不想它只返回一次就结束那我们就不能用return,因为return后面就不能跟任何东西,意味着函数的结束.那么我们完全可以这么做: def main(): for i in range(1,100): yield i 这样就等于生成了一个循环返回对象,特别在爬虫scrapy中较为常见!yeild和return还有for 上本质有什么区别呢?其实很简单

div与span区别及用法

DIV与SPAN区别及div与san用法篇 接下来了解在div+css开发的时候在html网页制作,特别是标签运用中div和span的区别及用法.新手在使用web标准(div css)开发网页的时候,遇到第一个问题是div与span有什么区别,什么时候用div,什么时候用span标签. 目录 特点与区别 小结 知识扩展 案例效果演示 一.DIV与SPAN的区别与特点   -   TOP 以下是在没有对开发网页页面设置css样式时候情况下,系统默认情况下的介绍div与span区别div占用的位置是

Struts2中的ActionContext和ServletActionContext的区别和用法

今天学习Struts2的时候遇到"访问和添加属性"的问题,然后就学到了ActionContext和ServletActionContext之间的区别和用法,然后又在网上搜了下别人的文章大致了解了一下,就想着总结一下. 参考文章1:http://www.cnblogs.com/tanglin_boy/archive/2010/01/18/1650871.html 参考文章2:http://blog.csdn.net/woshixuye/article/details/8172777 相信