if...else...语句、for循环

if...else...语句

条件语句用于基于不同条件执行不同的动作

语法：

//if...else...语句
if (条件) {
    条件为 true 时执行的代码块
} else { 
    条件为 false 时执行的代码块
}

//if...else if...else...语句
if (条件 1) {
    条件 1 为 true 时执行的代码块
} else if (条件 2) {
    条件 1 为 false 而条件 2 为 true 时执行的代码块
 } else {
    条件 1 和条件 2 同时为 false 时执行的代码块
}



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

    //1、使用 if 来规定要执行的代码块，如果指定条件为 true
    //2、使用 else 来规定要执行的代码块，如果相同的条件为 false
    //3、使用 else if 来规定要测试的新条件，如果第一个条件为 false
    //4、使用 switch 来规定多个被执行的备选代码块

if语句语法：

if (条件) {
    如果条件为 true 时执行的代码
} 

//注：if 使用小写字母。大学字母（IF 或 If）会产生 JavaScript 错误。

For 循环

循环可多次执行代码块。

JavaScript 支持不同类型的循环：

• for - 多次遍历代码块
• for/in - 遍历对象属性
• while - 当指定条件为 true 时循环一段代码块
• do/while - 当指定条件为 true 时循环一段代码块

for 循环的语法如下:

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

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

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

//语句 3 会在循环（代码块）每次被执行后执行。


//演示代码：
var text = "";
for (i = 0; i < 5; i++) {
     text += "数字是 " + i + "<br>";
}

//语句 1 在循环开始之前设置了一个变量（var i = 0）。

//语句 2 定义运行循环的条件（i 必须小于 5）。

//语句 3 会在代码块每次执行之后对值进行递增（i++）。

For/In 循环

JavaScript    for/in 语句遍历对象的属性：

var person = {fname:"Bills", lname:"Gate", age:2}; 

var text = "";
var x;
for (x in person) {
    text += person[x];
}

While 循环

只要条件为 true，循环能够一直执行代码块。

//while 循环会一直循环代码块，只要指定的条件为 true

//语法
while (条件) {
    要执行的代码块
}



//演示代码：
//在下面while语句中，循环中的代码将运行，一遍又一遍，前提是变量（i）小于 10：
while (i < 10) {
    text += "数字是 " + i;
    i++;
}

//注：如果您忘了对条件中使用的变量进行递增，那么循环永不会结束。这会导致浏览器崩溃。

Do/While 循环

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

//语法
do {
    要执行的代码块
}

while (条件);



//代码演示
//在下面的do/while 循环语句中。该循环会执行至少一次，即使条件为 false，因为代码块会在条件测试之前执行：
do {
    text += "The number is " + i;
    i++;
 }
while (i < 10);

//注：不要忘记对条件中所用变量进行递增，否则循环永不会结束！