JavaScript - 流程控制（四）

2020-08-26 08:33:40 阅读：252 来源： 互联网

标签：语句控制流程 JavaScript JS break case 循环 document

JS 条件语句

if...else...语句

if (condition) {
    // 当条件为 true 时执行的代码
}else{
    // 当条件不为 true 时执行的代码
}

if...else if...else...语句

if (condition1) {
    // 当条件1为 true 时执行的代码
}else if (condition2) {
    // 当条件2为 true 时执行的代码
}else {
   // 当条件1和条件2都不为 true 时执行的代码
}

JS Switch 语句

Switch 语法

switch(n){
    case 1:
        // 执行代码块 1
        break;
    case 2:
        // 执行代码块 2
        break;
    default:
        // 与 case 1 和 case 2不同时执行的代码
}

Switch 实例

使用如下实例来显示今天是星期几。注意：Sunday = 0,Monday = 1,Tuesday = 2 等等。

var d = new Date.getDay();
switch (d){
    case 0:
        x = "今天是星期天";
        break;
    case 1:
        x = "今天是星期一";
        break;
    case 2:
        x = "今天是星期二";
        break;
    case 3:
        x = "今天是星期三";
        break;
    case 4:
        x = "今天是星期四";
        break;
    case 5:
        x = "今天是星期五";
        break;
    case 6:
        x = "今天是星期六";
        break;
}
document.getElementById("demo").innerHTML = x;

default 关键词

使用 default 关键词来匹配不存在的事情

var d = new Date().getDay();
switch (d){
    case 6:
        x = "今天是星期六";
        break;
    case 0:
        x = "今天是星期天";
        break;
    default:
        x = "期待周末...";
}
document.getElementById("demo").innerHTML = x;

JS for 循环

不同类型的循环

循环	描述
for	循环代码块一定的次数
for/in	循环遍历对象的属性
while	当指定条件为 true 时循环指定的代码块（先判断，后执行）
do/while	当指定条件为 true 时循环指定的代码块（先执行，后判断）

for 循环

for (var i=0;i<cars.length;i++){
    document.write(cars[i] + "<br />");
}

for/in 循环

var person={fname:"John",lname:"Doe",age:25};
for (x in person) {
    txt = txt + person[x];
}
document.getElementById("demo").innerHTML = txt;

JS while 循环

while (i<5){
    x = x + "The number is " + i + "<br />";
    i++;
}

JS do/while 循环

do {
    x = x + "The number is " + i + "<br />";
    i++;
}
while(i<5);

JS break 和 continue 语句

break 语句

break 可用于跳出循环
break 跳出循环后，会继续执行该循环之后的代码

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

continue 语句

continue 语句跳出当前循环，继续执行下一次循环

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

JS 标签

如需对 JS 语句进行标记，请在语句之前加上冒号：

label:
statements

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

break labelname;

continue labelname;

continue 语句（带有或不带有标签引用）只能用在循环中
break 语句（不带有标签引用），只能用在循环或 switch 中
break 语句（带有标签引用），可以跳出任何 JS 代码块

实例：

var 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 />");
}

标签：语句,控制,流程,JavaScript,JS,break,case,循环,document
来源： https://www.cnblogs.com/xdy-/p/13544291.html

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

ICode9