web前端学习

概述

JavaScript提供了多种流程控制语句，可以分为条件语句和循环语句。其中，条件语句包括if语句和switch语句，循环语句包括for语句、while语句和do…while语句。

1.if语句

if语句是最基本、最常用的流程控制语句，它通过判断条件表达式的值来选择不同的执行路线

if语句的基本结构如下： if(条件表达式){ 程序代码段1; }else{ 程序代码段2; } 程序执行的过程中，首先判断括号中条件表达式的值，若条件表达式的值为true，则程序将执行程序代码段1；否则执行程序代码段2。

	
var a = 15,b =18;
var max;
if(a > b){
	max = a;
}else{
	max = b;
}
console.log("max:" + max);

【if else案例】 输入60及以上，显示合格，否则不合格

【if elseif else案例】 输入90及以上显示优秀，输入90以下80及以上显示良，输入80以下60及以上显示合格，输入60以下显示不合格

2.switch语句

switch语句是典型的多路分支语句，其作用与if语句基本相同，但是它比if语句更工整和清晰，且在编写代码的过程中也不容易出错。 switch语句可以根据一个表达式的值，选择执行不同的分支，其语法格式如下：

switch(表达式){ case 常量表达式1: 程序代码段1 break; … case常量表达式n: 程序代码段n break; default: 程序代码段n+1 }

	
var a = 4;
switch(a){
	case 1:
		console.log("case 1");
		break;
	case 2:
		console.log("case 2");
		break;
	default:
		console.log("default");
}

【案例】 输入A，显示优秀；输入B，显示良；输入C，显示及格；输入D，显示不及格

3.for语句

for语句又称计次循环语句，一般用于已知循环次数的情况，在JavaScript中应用比较广泛。for语句的语法格式如下：

for(初始化循环变量 ; 终止循环条件表达式 ; 循环变量自加1或自减1){ 循环体 } 程序从循环变量初值开始运行循环体，每执行完一次循环体，循环变量就增加1或减去1，直到循环变量不符合终止循环条件表达式。

	
var score = 0; 
for(var i = 1; i <= 10; i ++){
	score = score + i;
}
console.log("score："+score);

【案例】 计算从1加到100

4.while语句

while语句又称前测试循环语句，它在执行循环体前测试条件。若条件成立则进入循环，执行循环体；否则，跳出循环，执行while语句后面的第一个语句。while语句的语法格式如下：

while(条件表达式){ 循环体 }

	
let j = 1,sum = 0;
while(j < 1){
	sum= j + sum;
	j ++;
}
console.log("sum："+sum);

【案例】 用while计算2的6次方

5.do...while语句

do…while语句又称后测试循环语句，它先执行循环体再测试条件。若条件成立则进入循环，执行循环体；否则，跳出循环，执行do…while语句后面的第一个语句。do…while语句的语法格式如下：

do{ 循环体 }while(条件表达式) do…while语句与while语句的不同是do…while语句至少会执行一次循环体，而while语句不一定会执行循环体。

	
let j = 1,sum = 0;
do{
	sum= j + sum;
	j ++;
}while(j < 1)
console.log("sum："+sum);

【案例】 用do while计算2的6次方

综合案例一

简易通讯录，可以查看通讯录姓名、电话，也可以使用搜索功能搜索某人的电话，并附有统计信息。点击下方按钮跳转到该案例