• while
    while循环由两个代码块组成,分别是条件语句和循环体。
while ( [条件] ) {
[循环体]
}

while循环类似于if语句,不同的是while循环将不断地执行循环体直到条件值为false为止。

var i = 0;
while ( i < 100 ) {
// 这里的代码将执行100次
console.log( "Currently at " + i );
i++; // i自增
}

需要注意的是计数器可以在循环体内自增,它同样可以在条件语句中自增。

var i = -1;
while ( ++i < 100 ) {
// 这里的代码将执行100次
console.log( "Currently at " + i );
}
  • do while
    do while循环是与while循环类似的,不同的是do while循环在判断条件之前先执行循环体,也就是说至少会执行一次循环体。
do {
[循环体]
} while ( [条件] )

这样至少执行一次的循环是很少见的。

do {
// 即使条件是false
// 这里的代码都至少会执行一次
alert( "Hi there!" );
} while ( false );
  • for
    一个for循环由四个代码块组成,分别是初始化语句、条件语句、迭代语句和循环体。
for ( [初始化]; [条件]; [迭代] ) {
[循环体]
}

初始化语句在循环执行前执行并且只执行一次,在这里可以声明一些变量。

    每次迭代之前先执行条件语句,其返回值决定了是否继续执行循环,如果条件的返回值为false,那么循环将被终止。
    在每次迭代结束之后执行迭代语句,在这里可以改变变量的值,常见的是变更迭代计数器的值。
    循环体是每次迭代都要执行的代码块,里面可以包含多行代码和数据,所有的循环体代码需要写在{}中。
for (var i = 0, limit = 100; i < limit; i++) {
// 这里的代码将被执行100次,i是从0开始到99结束。
console.log( "Currently at " + i );
}
  • for in
    for in循环的效果与for循环类似,它可以更方便对数组进行迭代。
var myArray = [ "hello", "world", "!" ];
for ( var i in myArray ) {
console.log( myArray[ i ] );
}
  • 无限循环

循环中条件表达式永远为true时就是无限循环。

  • break
    在循环中可以使用break语句跳出循环。
// 执行break语句循环将被终止
for ( var i = 0; i < 10; i++ ) {
if ( something ) {
break;
}
}
  • continue

在循环中可以使用continue语句结束当前迭代,循环直接进入下一次的迭代。

// 循环中止进入下一个迭代
for ( var i = 0; i < 10; i++ ) {
if ( something ) {
continue;
}
// 当前面if语句的条件为false时才会执行下面的代码。
console.log( "I have been reached" );
}

JavaScript 循环语句的更多相关文章

  1. JavaScript循环语句-6---for语句,while语句的应用逻辑

    JavaScript循环语句 学习目标 1.掌握for语句的语法结构 2.掌握for语句的应用逻辑 for语句 语法: For(语句1:语句2:语句3){ 被执行的代码块: } 语句1:在循环(代码块 ...

  2. java基础61 JavaScript循环语句之while、do...while、for及for...in循环(网页知识)

    本文知识点(目录): 1.while循环语句    2.do...while循环语句    3.for循环语句    4.for...in循环语句    5.附录1(with语句)    6.附录2( ...

  3. 高性能JavaScript 循环语句和流程控制

    前言 上一篇探讨了达夫设备对于代码性能的影响,本文主要探讨并且测试各种常见的循环语句的性能以及流程控制中常见的优化. 循环语句 众所周知,常用的循环语句有for.while.do-while以及for ...

  4. JavaScript 循环语句入门详解

    JavaScript Switch 语句 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case ...

  5. javascript循环语句

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. 9月14日JavaScript循环语句作业解析

    1.一张纸的厚度是0.0001米,将纸对折,对折多少次厚度超过珠峰高度8848米 解法一: var gd = 8848; var cs = 0; while(true) { cs++; gd = gd ...

  7. 你可能不知道的java、python、JavaScript以及jquary循环语句的区别

    一.概述 java循环语句分为四种形式,分别是 while, do/while, for, foreach: python中循环语句有两种,while,for: JavaScript中循环语句有四种, ...

  8. javascript语句——条件语句、循环语句和跳转语句

    × 目录 [1]条件语句 [2]循环语句 [3]跳转语句 前面的话 默认情况下,javascript解释器依照语句的编写顺序依次执行.而javascript中的很多语句可以改变语句的默认执行顺序.本文 ...

  9. Javascript基础系列之(六)循环语句(while语句)

    循环语句的作用是反复的执行同一段代码,尽管分几种不同的类型,但其原理几乎相同:只要给定的条件满足,包含在循环体内的语句会不断执行,一旦条件不再满足则终止. while循环是前测试循环,这意味着是否终止 ...

随机推荐

  1. [LeetCode] Inorder Successor in BST II 二叉搜索树中的中序后继节点之二

    Given a binary search tree and a node in it, find the in-order successor of that node in the BST. Th ...

  2. Redis安装、命令以及设置密码遇到的问题

    一.下载Redis 如果没有 安装wget先安装wget和gcc(使用make的时候会用上) wget http://download.redis.io/releases/redis-4.0.8.ta ...

  3. web移动端开发技巧

    一.meta的使用 1.<meta name="viewport" content="width=device-width,initial-scale=1.0, m ...

  4. Java内存模型锦集

    [内存操作与内存屏障] 内存模型操作: lock(锁定) : 作用与主内存的变量, 它把一个变量标识为一条线程独占的状态 unlock(解锁) : 作用于主内存变量, 它把一个处于锁定状态的变量释放出 ...

  5. linux系统中的时间

    1.编程显示系统时间: #include <stdio.h> #include <time.h> /* gcc -o fix fixedFormatTime.c ./fix * ...

  6. Java面试题中常考的容易混淆的知识点区别

    以下是我收集的Java编程里各种区别,供Java学习爱好者参考,这些区别都是每次Java面试中常考的,大家好好掌握,如有失误请留言指出.想要获取Java详细全套学习资料请到上海尚学堂官网获取. 1.H ...

  7. HTTP协议概念与特点,HTTP的状态码,HTTPS是什么?

    很多人在打开网页的时候,在浏览器地址栏里都会看到http  ,在Java WEB里,HTTP也是个重点内容,今天我们就来详细了解和学习HTTP . HTTP是Hyper Text Transfer P ...

  8. [Swift]LeetCode817. 链表组件 | Linked List Components

    We are given head, the head node of a linked list containing unique integer values. We are also give ...

  9. Python面试真题第二节

    26.字符串a = "not 404 found 张三 99 深圳",每个词中间是空格,用正则过滤掉英文和数字,最终输出"张三 深圳" 27.filter方法求 ...

  10. Spring之AOP流程解析(ProxyFactory)

    本节我们从ProxyFactory开始分析.该类有几个比较重要的方法——addAdvice.addAdvisor.getProxy,其中最后一个方法是我们本节的重点.前两个方法都是向ProxyFact ...