全栈工程师-前端开发-JavaScript_流程控制：循环与条件语句.docxVIP

PAGE1

PAGE1

JavaScript流程控制基础

1条件语句概述

在JavaScript中，条件语句允许我们根据不同的条件执行不同的代码块。这为程序提供了决策能力，使得代码可以根据特定的条件进行动态执行。JavaScript提供了几种类型的条件语句，包括if语句、if...else语句、switch语句和ternary（三元）运算符。

1.1if语句

if语句是最基本的条件语句，它检查一个条件，如果条件为真，则执行代码块。

letage=18;

if(age=18){

console.log(你已经成年了！);

}

在这个例子中，我们检查age变量是否大于或等于18。如果是，控制台将输出“你已经成年了！”。

1.2if...else语句

if...else语句在if语句的基础上增加了一个可选的else代码块，当if条件为假时执行。

letage=17;

if(age=18){

console.log(你已经成年了！);

}else{

console.log(你还未成年！);

}

在这个例子中，如果age小于18，控制台将输出“你还未成年！”。

1.3switch语句

switch语句用于多个条件的比较，它比连续的if...else语句更简洁。

letday=Wednesday;

switch(day){

caseMonday:

console.log(今天是星期一);

break;

caseTuesday:

console.log(今天是星期二);

break;

caseWednesday:

console.log(今天是星期三);

break;

default:

console.log(今天不是星期一、星期二或星期三);

}

在这个例子中，switch语句检查day变量的值，并根据匹配的case执行相应的代码块。

1.4ternary运算符

ternary运算符（也称为条件运算符）是一种更简洁的写法，用于代替简单的if...else语句。

letage=18;

letmessage=(age=18)?你已经成年了！:你还未成年！;

console.log(message);

在这个例子中，我们使用ternary运算符来根据age的值决定message变量的值。

2循环语句概述

循环语句允许我们重复执行一段代码，直到满足特定的条件。JavaScript提供了几种类型的循环语句，包括for循环、while循环和do...while循环。

2.1for循环

for循环是最常用的循环类型，它允许我们初始化一个变量，检查一个条件，并在每次循环结束时更新这个变量。

for(leti=0;i5;i++){

console.log(i);

}

在这个例子中，我们初始化i为0，然后在每次循环结束时增加i的值，直到i小于5的条件不再满足。

2.2while循环

while循环在条件为真时重复执行代码块。条件在循环开始时检查。

leti=0;

while(i5){

console.log(i);

i++;

}

在这个例子中，我们首先初始化i为0，然后在每次循环开始时检查i是否小于5。如果是，执行代码块并增加i的值。

2.3do...while循环

do...while循环与while循环类似，但do...while循环至少会执行一次，即使条件在开始时为假。

leti=5;

do{

console.log(i);

i++;

}while(i5);

在这个例子中，尽管i的初始值为5，do...while循环仍然会执行一次，输出5。

2.4循环控制语句

JavaScript还提供了循环控制语句，如break和continue，用于控制循环的执行流程。

2.4.1break语句

break语句用于立即退出循环，无论循环条件是否满足。

for(leti=0;i10;i++){

if(i===5){

break;

}

console.log(i);

}

在这个例子中，当i等于5时，break语句将终止循环。

2.4.2continue语句

continue语句用于跳过当前循环的剩余代码，并立即开始下一次循环。

for(leti=0;i10;i++){

if(i%2===0){