美文网首页
JavaScript 循环

JavaScript 循环

作者: 单纯的土豆 | 来源:发表于2016-02-25 15:59 被阅读24次

1.for循环最常用的地方是利用索引来遍历数组:

     var arr = ['Apple', 'Google', 'Microsoft'];
     var i, x;
     for (i=0; i<arr.length; i++) {
                                    x = arr[i];
                                    alert(x);
                                  }

2.for循环的一个变体是for ... in循环,它可以把一个对象的所有属性依次循环出来:

var o = {
          name: 'Jack',
           age: 20,
          city: 'Beijing'
        };
  for (var key in o) {
                     alert(key); // 'name', 'age', 'city'
                     }

请注意,for ... in对Array的循环得到的是String而不是Number。

3.for循环在已知循环的初始和结束条件时非常有用。而上述忽略了条件的for循环容易让人看不清循环的逻辑,此时用while循环更佳。

while循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。

比如我们要计算100以内所有奇数之和,可以用while循环实现:

`var x = 0;
 var n = 99;
 while (n > 0) {
              x = x + n;
              n = n - 2;
               }
        x; // 2500`

在循环内部变量n不断自减,直到变为-1时,不再满足while条件,循环退出。

4.最后一种循环是do { ... } while()循环,它和while循环的唯一区别在于,不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件:

  ` var n = 0;
    do {
           n = n + 1;
        } while (n < 100);
         n; // 100`

用do { ... } while()循环要小心,循环体会至少执行1次,而for和while循环则可能一次都不执行。

相关文章

  • Js事件循环

    列表 JavaScript事件循环 测试金字塔 stub JavaScript事件循环理解 javaScript语...

  • JavaScript中的for循环

    JavaScript 语言中的 for 循环用于多次执行代码块,它是 JavaScript 中最常用的一个循环工具...

  • JavaScript简易模态框2

    这里顺便纠正了一个JavaScript的观点for in循环中JavaScript循环的是 索引 而不是某个内容

  • JavaScript中的for循环

    JavaScript 语言中的 for 循环用于多次执行代码块,它是 JavaScript 中最常用的一个循环工具...

  • javascript循环

    ——这篇文章主要介绍javascript中几大循环的区别 最原始的js循环 es5出现以前,我们要遍历一个数组时,...

  • JavaScript循环

    程序中进行有规律的重复性操作,需要用到循环语句。 for循环 for(var i=0;i

  • javascript循环

    循环语句 i++ 相当于 i+1; for 循环格式 例如:for (var i = ali.ength;...

  • javascript循环

    JavaScript里面循环有很多,今天主要说说forEach map filter every some 一、f...

  • JavaScript for of循环

    for of ES6提供三个新的方法——entries(),keys()和valueOf()——用于遍历数组。可以...

  • Javascript for 循环

    for 语句用来控制循环结构,按照指定的循环次数,循环执行循环体内语句(或语句块)。 基本结构如下: for(in...

网友评论

      本文标题:JavaScript 循环

      本文链接:https://www.haomeiwen.com/subject/sngikttx.html