🍖JS流程控制

一.if ... else if ... else

1.if ... else

var height = 180;
if(height > 175){
    console.log("OK");
}else {
    console.log("NO");
}

2.if ... else if ... else

var weather = 'sunny';
if(weather === 'sunny'){
console.log('天气很好，出去玩');
}
else if(weather ==='rainy'){
console.log('下雨，在家玩');
}
else if(weather ==='snowing'){
console.log('下雪，出去玩雪');
}
else{
alert('输入非法，重新输入');
}

二.switch

ps : switch中的case子句通常都会加break语句，否则程序会继续执行后续case中的语句

var weather = 'sunny';
switch(weather){
    case 'sunny':
        alert(1);
        break; //如果不break就会一直进行下去
	case 'rainy':
        alert(2);
        break;
	case 'snowing':
        alert(3);
        break;
	default:
		alert(4);
}

三.三元运算

• 语法 : var [变量名] = [条件] ? [真的执行这个] : [假的执行这个]

var isresult = 7 < 2 ? 'OK' : 'NO';
alert(isresult);  // "NO"

四.for 循环

• 语法:

for([初始化条件];[结束条件];[递增条件]){
  // 需要执行的代码
}

• 示例

// 0~1000之和
var i;
var sum = 0;
for (i = 1; i <= 1000; i++){
    console.log(i);
    sum += i;
}
console.log(sum);

• 示例

var shopping = ['香蕉','苹果','牛奶','红牛'];  // 定义一个数组
var j;
for(j = 0;j < shopping.length; j++){  // .length 数组的长度 
	console.log(shopping[j]);  // 在控制台输出
	document.write(shopping[j]);  // 显示在网页上

	var htmlStr = '<h1>' + shopping[j] + '</h1>'; // 拼接添加h1标签
	document.write(htmlStr);  // 再显示在网页上
}

五.break 与 continue 语句

1.break : 挑出当前循环(结束循环)

var x = 0;
for (;;){  // ;; 代表死循环
    if(x > 100){
    	break;  // 如果 x 大于 100 则结束循环
    }
    x++;  // x 自增
}
console.log(x);

2.continue : 挑出当前循环,下次循环继续

// 求 1~10 之和,但排除 8
var sum = 0;
for(var i = 1;i <= 10;i++){
	if(i===8){
		continue; // 当 i=8, 跳过进行下一次相加
	}
	sum = sum+i;
}
alert(sum);
console.log(sum)

六.while 循环

• 语法

while([判断循环结束条件])｛
	// 需要执行的代码
	// 递增条件
｝

• 示例

// 求 0~99 奇数和
var n = 99;   // 初始奇数  
var num = 0;  // 初始和
while(n>0){   // 先判断，再循环
	num = num + n;
	n -= 2;
}
alert(num);

七.do...while 循环

• while 是先进行判断, 再进行循环
• do...while 是先进行一次循环, 再进行判断

// 0~99 之和
var sum = 0;  // 初始和
var i = 1;    // 初始奇数
do{
	sum = sum + i;
	i++;
}while(i <= 100);
alert(sum);

• 先进行 do 的测试

var sum = 0;
var i = 1;
do{
	sum = sum + i;
	i++;
}while(i<=1);
alert(sum);
// 结果等于 1