首页 / JAVA / JavaScript If...Else、Switch、For、While、Break、Continue语句

JavaScript If...Else、Switch、For、While、Break、Continue语句

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript If...Else、Switch、For、While、Break、Continue语句，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7235字，纯文字阅读大概需要11分钟。

内容图文

一，JavaScript If...Else 语句

条件语句

通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中，我们可使用以下条件语句：

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

If 语句

只有当指定条件为 true 时，该语句才会执行代码。

语法

            if
             (条件)
  {
  只有当条件为 
            true
             时执行的代码
  }

注意：请使用小写的 if。使用大写字母（IF）会生成 JavaScript 错误！

实例

当时间小于 20:00 时，生成一个“Good day”问候：

            if (time<20)
  {
  x="Good day";
  }

二，JavaScript Switch 语句

JavaScript Switch 语句

请使用 switch 语句来选择要执行的多个代码块之一。

语法

            switch
            (n)
{

            case
            1
            :
  执行代码块 
            1
            break
            ;

            case
            2
            :
  执行代码块 
            2
            break
            ;

            default
            :
  n 与 
            case
            1 和 case2 不同时执行的代码
}

工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。

实例

显示今日的周名称。请注意 Sunday=0, Monday=1, Tuesday=2, 等等：

            var day=new Date().getDay();
switch (day)
{
case0:
  x="Today it‘s Sunday";
  break;
case1:
  x="Today it‘s Monday";
  break;
case2:
  x="Today it‘s Tuesday";
  break;
case3:
  x="Today it‘s Wednesday";
  break;
case4:
  x="Today it‘s Thursday";
  break;
case5:
  x="Today it‘s Friday";
  break;
case6:
  x="Today it‘s Saturday";
  break;
}

三，JavaScript For 循环

JavaScript 循环

如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

循环可以将代码块执行指定的次数。

不同类型的循环

JavaScript 支持不同类型的循环：

for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

For 循环

for 循环是您在希望创建循环时常会用到的工具。

下面是 for 循环的语法：

                for (语句 1; 语句 2; 语句 3)
  {
  被执行的代码块
  }

语句 1 在循环（代码块）开始前执行

语句 2 定义运行循环（代码块）的条件

语句 3 在循环（代码块）已被执行之后执行

实例

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮，将代码块循环五次：</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="";
for (var i=0;i<5;i++)
  {
  x=x + "The number is " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

语句 1

通常我们会使用语句 1 初始化循环中所用的变量 (var i=0)。

语句 1 是可选的，也就是说不使用语句 1 也可以。

您可以在语句 1 中初始化任意（或者多个）值：

实例:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0,l=cars.length; i<l; i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

同时您还可以省略语句 1（比如在循环开始前已经设置了值时）：

实例:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=2,len=cars.length;
for (; i<len; i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

语句 2

通常语句 2 用于评估初始变量的条件。

语句 2 同样是可选的。

如果语句 2 返回 true，则循环再次开始，如果返回 false，则循环将结束。

提示：如果您省略了语句 2，那么必须在循环内提供 break。否则循环就无法停下来。这样有可能令浏览器崩溃。

语句 3

通常语句 3 会增加初始变量的值。

语句 3 也是可选的。

语句 3 有多种用法。增量可以是负数 (i--)，或者更大 (i=i+15)。

语句 3 也可以省略（比如当循环内部有相应的代码时）：

实例:

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0,len=cars.length;
for (; i<len; )
{
document.write(cars[i] + "<br>");
i++;
}
</script>

</body>
</html>

四，JavaScript for...in 语句

JavaScript for...in 语句

for...in 语句用于对数组或者对象的属性进行循环操作，遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

语法：

                for (变量 in 对象)
{
    在此执行代码
}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

实例，使用 for ... in 循环遍历数组：

<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "宝马"
mycars[1] = "奔驰"
mycars[2] = "宾利"for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>

效果如下：

技术分享

五，JavaScript While 循环

while 循环

While 循环会在指定条件为真时循环执行代码块。

只要指定条件为 true，循环就可以一直执行代码。

语法

                while
                 (条件)
  {
  需要执行的代码
  }

实例

本例中的循环将继续运行，只要变量 i 小于 5：

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
while (i<5)
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

提示：如果您忘记增加条件中所用变量的值，该循环永远不会结束。该可能导致浏览器崩溃。

do/while 循环

do/while 循环是 while 循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。

语法

                    do
                    
  {
  需要执行的代码
  }

                    while (条件);

实例

下面的例子使用 do/while 循环。该循环至少会执行一次，即使条件是 false，隐藏代码块会在条件被测试前执行：

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮，只要 i 小于 5 就一直循环代码块。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
do
  {
  x=x + "The number is " + i + "<br>";
  i++;
  }
while (i<5)  
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

别忘记增加条件中所用变量的值，否则循环永远不会结束！

比较 for 和 while

如果您已经阅读了前面那一章关于 for 循环的内容，您会发现 while 循环与 for 循环很像。

for 语句实例

本例中的循环使用 for 循环来显示 cars 数组中的所有值：

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
for (;cars[i];)
{
document.write(cars[i] + "<br>");
i++;
}
</script>

</body>
</html>

while 语句实例

本例中的循环使用使用 while 循环来显示 cars 数组中的所有值：

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
var i=0;
while (cars[i])
{
document.write(cars[i] + "<br>");
i++;
}
</script>

</body>
</html>

六，JavaScript Break 和 Continue 语句

break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

Break 语句

我们已经在本教程稍早的章节中见到过 break 语句。它用于跳出 switch() 语句。

break 语句可用于跳出循环。

break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：

实例

<!DOCTYPE html>
<html>
<body>

<p>点击按钮，测试带有 break 语句的循环。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
for (i=0;i<10;i++)
  {
  if (i==3)
    {
    break;
    }
  x=x + "The number is " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

效果如下：

由于这个 if 语句中只有一行代码，所以可以省略花括号：

for (i=0;i<10;i++)
  {
  if (i==3) break;
  x=x + "The number is " + i + "<br>";
  }

Continue 语句

continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。

该例子跳过了值 3：

实例

<!DOCTYPE html>
<html>
<body>

<p>点击下面的按钮来执行循环，该循环会跳过 i=3 的步进。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>

<script>
function myFunction()
{
var x="",i=0;
for (i=0;i<10;i++)
  {
  if (i==3)
    {
    continue;
    }
  x=x + "The number is " + i + "<br>";
  }
document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

效果如下：

JavaScript 标签（可参考博客http://blog.sina.com.cn/s/blog_70a3539f01015yh9.html）

正如您在 switch 语句那一章中看到的，可以对 JavaScript 语句进行标记。

如需标记 JavaScript 语句，请在语句之前加上冒号：

label:
语句

break 和 continue 语句仅仅是能够跳出代码块的语句。

语法

break labelname;

continue labelname;

continue 语句（带有或不带标签引用）只能用在循环中。

break 语句（不带标签引用），只能用在循环或 switch 中。

通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：

实例：

<!DOCTYPE html>
<html>
<body>

<script>
cars=["BMW","Volvo","Saab","Ford"];
list:
{
document.write(cars[0] + "<br>"); 
document.write(cars[1] + "<br>"); 
document.write(cars[2] + "<br>"); 
break list;
document.write(cars[3] + "<br>"); 
document.write(cars[4] + "<br>"); 
document.write(cars[5] + "<br>"); 
}
</script>

</body>
</html>

效果如下：

原文：http://www.cnblogs.com/iceflorence/p/5822858.html

内容总结

以上是互联网集市为您收集整理的JavaScript If...Else、Switch、For、While、Break、Continue语句全部内容，希望文章能够帮你解决JavaScript If...Else、Switch、For、While、Break、Continue语句所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1252050.html

来源：【匿名】

【上一篇】告诉你什么是javascript的回调函数【下一篇】JAVA/JSP学习系列之五

更多 ►

【JavaScript If...Else、Switch、For、While、Break、Continue语句】教程文章相关的互联网学习教程文章

JavaScript If...Else、Switch、For、While、Break、Continue语句【代码】【图】

一，JavaScript If...Else 语句条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中，我们可使用以下条件语句：if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行switch 语句 - 使用该语句来选择多个...

java continue与break区别【代码】

在循环体中跳出循环语句有continue与break语句continue:跳出本次循环，包括本次循环continue后面的语句，break:跳出循环体，就是说一遇到break循环就结束。代码：package com.imooc.reflect;/*** continue 和 break 区别* @author Administrator**/publicclass ContinueAndBreak {publicstaticvoid main(String[] args) {int sum=0;for(int i=0;i<100;i++){sum=sum+i;if(i==1){System.out.println("continue");System.out.println(...

小康陪你学JAVA--------continu3和break的比较【图】

本篇将和大家做个continu3和break的比较。在Java语言中，有一些跳离的语句，如break、continue等语句，站在结构化程序设计的角度上，并不鼓励使用，因为这些跳离语句会增加调试及阅读上的困难。因此建议：除非在某些不得以的情况下之外，否则尽量不要去使用它们。在本篇中，将介绍break及continue语句。 break语句 break语句可以强迫程序跳离循环，当程序执行到break语句时，即会离开循环，继续执行循环外的下一个语句，如...

javascript中跳出循环的三种方式（return、break、continue）详解【代码】

breakbreak是用来终止循环的，让循环不再往下进行：for(var i=0;i<=5;i++){console.log(i)//输出0123if(i==3){break;} } 当i等于3的时候，直接退出for循环，这个循环将不在被执行continuecontinue和break的语句相似，不同的是，他并不是推出一个循环，而是结束本次循环，开始下一次的循环for(var i=0;i<=5;i++){if(i==3){continue;}console.log(i)//输出01245 } returnreturn语句用于返回指定的函数值，return只能出现在函数体中当...

JavaScript Break 和 Continue 语句【代码】

1.break:终止本层循坏，继续执行本次循坏后面的语句；当循坏有多层时，break只会跳过一层循坏 2.continue：跳过本次循坏，继续执行下次循坏对于for循环，continue执行后，继续执行循环变量更新语句n++；对于while，do-while，continue执行后，继续执行循环条件判断，所以使用俩个循环是，必须注意，continue一定要在n++之后使用。 Break 语句我们在switch（）语句中见到过 break 语句。它用于跳出 switch() 语句...

【LeetCode-面试算法经典-Java实现】【139-Word Break（单词拆分）】【代码】【图】

【139-Word Break（单词拆分）】【LeetCode-面试算法经典-Java实现】【全部题目文件夹索引】原题　　Given a string s and a dictionary of words dict, determine if s can be segmented into a space-separated sequence of one or more dictionary words. For example, given s = "leetcode", dict = ["leet", "code"]. Return true because "leetcode" can be segmented as "leet code". 题目大意　　给定一个字符串s和单词字典...

Java中的TreeSet的last()方法 Java.util.TreeSet.last() - Break易站【代码】

[??Java中的TreeSetJava.util.TreeSet.last()方法用于返回TreeSet的最后一个元素。这里的最后一个元素被引用到集合中最高的元素。如果元素是整数类型，则返回最大的整数。如果元素是字符串类型，则按字母顺序检查元素，并返回以字典顺序的最后一个字母开头的字符串，而不管长度如何。句法：Tree_Set.last()参数：该方法不接受任何参数。返回值：该方法返回集合的最高成员。如果元素是字符串类型，那么无论长度如何都按字母顺序检查...

java基础|break、continue和return【代码】

在循环结构中，当循环条件不满足或者循环次数达到要求时，循环会正常结束。但是，有时候可能需要在循环的过程中，当发生了某种条件之后，提前终止循环，这就需要用到下面几个关键词：continue ：指跳出当前的这一次循环，继续执行下一次循环publicclass ContinueTest {publicstaticvoid main(String[] args) {int i;for (i =1;i<10;i++){if(i == 5){continue;}System.out.println(i);}} }输出：1 2 3 4 6 7 8 9备注：当i等于5的时...

Java Break和continue实现goto功能【代码】【图】

continue实验 1publicclass test {2staticint i =0;3publicstaticvoid main(String[] args) {4lable1:5while(true){6 7if(i == 6){8 System.out.println("从lable2下的循环跳到了lable1");9break; 10// continue lable2;11 } 1213 lable2: 14while(true){ 15if(i == 5){ 16 System.out.println("将从lable2将跳到lable1"); 17 ...

javascript 中break、 continue、函数不能重载【代码】

在javascript中，break与continue有着显著的差别。　　　如果遇到break语句，会终止最内层循环，无论后面还有多少计算。　　如果遇到continue，只会终止此次循环，后面的自循环依然执行。var num = 0;for (var k = 0; k < 3; k++) {for (var i = 0; i < 3; i++) {for (var j = 0; j < 3; j++) {if (i === 1 && j === 1) {break;}num++;}}}console.log(num);　　此时 num=3*3-3*2=21　　如果换成continue，则 num=3*3-3*1=24; 　　看...

javascript switch continue break 执行语句【图】

1：switch 　　关键字段：switch（n）、case、break、default 　　switch(n）：n是一个表达式或者是一变量，用来与其下的各种case进行匹配，比如：此时的day输出的是一个数字5。匹配到case 5的情况所以会输出对应的数值。　　default：当所以的case项没被匹配到时执行的代码　　工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执...

139. Word Break java solutions【代码】

Given a string s and a dictionary of words dict, determine if s can be segmented into a space-separated sequence of one or more dictionary words.For example, givens = "leetcode",dict = ["leet", "code"].Return true because "leetcode" can be segmented as "leet code". 1publicclass Solution {2publicboolean wordBreak(String s, Set<String> wordDict) {3boolean[] dp = newboolean[s.length()+1];4 d...

java循环结构04_break关键字【代码】【图】

1.break关键字使用场合：适用于switch选择结构。适用于for、while和do…while循环结构。break的作用：如果用于switch选择结构，那么作用就是跳出switch选择结构，执行switch选择结构之后的代码。如果用于循环结构，那么作用就是跳出当前循环，执行循环之后的代码。break执行图解：注意：break之后不允许书写别的代码语句，因为break会跳出当前循环或switch，那么break之后的代码永远不会执行。 2.break练习题 1、韩信点兵，三人...

javacript使用break内层跳出外层循环分析

本文实例分析了javacript使用break内层跳出外层循环的用法。分享给大家供大家参考。具体分析如下：与php不同，javascript中循环跳出break，需要添加额外的标签。以“百钱买百鸡”为例（搜索张丘建，百钱买百鸡）。如果需要算出全部，则是下面的代码：代码如下:<html> <head> </head> <body> <script type="text/javascript"> for(var i = 1;i<=18;i++){ for(var j=1;j<=33;j++){ var k = 100 - i - j; if((i+j+k)==100 && (5...

Java流程控制7：break与continue【图】

break与continue break介绍：在任何的循环语句中的主体部分都可以用break来控制循环流程。break用于循环语句的强制退出，不会执行循环中break之后的语句。 continue介绍： continue用在循环语句体中，用于终止某次循环跳过循环体中还没有执行的语句，接着进行下一次是否执行循环的判定

首页 / JAVA / JavaScript If...Else、Switch、For、While、Break、Continue语句

JavaScript If...Else、Switch、For、While、Break、Continue语句

内容导读

内容图文

一，JavaScript If...Else 语句

条件语句

If 语句

语法

实例

二，JavaScript Switch 语句

JavaScript Switch 语句

语法

实例

三，JavaScript For 循环

JavaScript 循环

不同类型的循环

For 循环

实例

语句 1

实例:

实例:

语句 2

语句 3

实例:

四，JavaScript for...in 语句

JavaScript for...in 语句

语法：

实例，使用 for ... in 循环遍历数组：

五，JavaScript While 循环

while 循环

语法

实例

do/while 循环

语法

实例

比较 for 和 while

for 语句实例

while 语句实例

六，JavaScript Break 和 Continue 语句

Break 语句

实例

Continue 语句

实例

JavaScript 标签（可参考博客http://blog.sina.com.cn/s/blog_70a3539f01015yh9.html）

语法

实例：

内容总结

内容备注

内容手机端

【JavaScript If...Else、Switch、For、While、Break、Continue语句】教程文章相关的互联网学习教程文章

BREAK - 相关标签

WHILE - 相关标签

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程