js之流程控制、循环

流程控制

if else

  • 格式
if(判断条件/boolean值){
	//满足条件会执行下面的代码
	代码1;
}else {
	//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2
	代码2
}
  • 注意:
    • if后面接有判断条件,else后面没有接判断条件
    • if和else只能执行一个。
  • 代码
var a = prompt("请输入您的年龄?");
    if(a > 20){
        console.log("哇,您看起来好年轻");
    }
    else {
        console.log("你还是个孩子!");
    }
    console.log("程序结束");
		    

if elseif else

  • 格式
if(判断条件/boolean值){
	//满足条件会执行下面的代码
	代码1;
}else if(判断条件) {
	//当上面的条件不满足,或者boolean的值为false的时候会执行下面的代码2
	代码2
}
else if(判断条件)
。。。。。
else {
	最后代码
}
  • 注意:
    • 在if_elseif_else结构中elseif可以有几数个
    • 整个结构只会执行一个代码段
    • 条件在判断的是时候先写小范围的条件再写大范围的条件。
    • elseif后面要加判断条件
    • 一个if可以构成一个完整的结构

switch_case

  • 作用:用来判断多个可能出现的值。
  • 格式
switch(判断的值){
	case 具体值:
		要执行的代码段1;
		break;
	case 具体值2:
		要执行的代码段2;
		break;
	......
	default:
		要执行的代码段n
		break;
}
  • 注意
    • case结构后面要跟一个具体的数值
    • case结构可以有无数个
    • 如果所有的case都不满足,要执行default中的内容
    • defalut可以不写,并且defalut也不用写条件
  • 代码
var num = prompt("请输入这位同学的成绩"); 
num = Math.floor(num / 10);
switch(num){
    case 10:
        console.log("优秀"); break;
    case 9://case后面要接一个具体的数值,不能是一个范围。
        console.log("优秀");    break;
    case 8:
        console.log("良好"); break;
    case 7:
        console.log("一般");break;
    case 6:
        console.log("较差");break;
    default:
        console.log("很差"); break;
}
console.log("over");

循环

while循环:

  • 作用:反复执行一段代码:
  • 代码:
 while(判断条件/boolean){
	代码块
}
  • while循环的执行流程 当代码执行到while的时候,会先判断判断条件是否为true,如果为true,那么会执行while大括号中的代码块,代码块执行完毕以后,再次回到while中再进行判断,如果为true,再次执行while大括号中的代码块,并且再次回while,如果为false就不执行

  • 注意:

    • 将来在写代码的时候一定要注意循环的判断条件不能一直为true,会成为一个死循环。
    • 循环的循环体一定要明确。
    • 将来在实际开发中我们一般不会使用while循环,会使用for循环。
  • break:

    • 作用:在循环内部结束这个循环。
    • 用法:
    var user = prompt("用户名");
    var password = prompt("密码");
    while(true){
        if(user == "admin" && password == "888888"){
            console.log("程序结束");
            //在这里直接结束这个while循环
            break;
        }
        else {
            user = prompt("用户名");
            password = prompt("密码");
        }
    }
    
  • continue:

    • 作用:在循环的内部结束本次循环,开始下一次循环
    • 用法:
var a = 1;
//所有数据相加的和
var sum = 0;
while(a<=100){
    //做一判断,如果这个数a的个数是9,那么就不应该把这个数据加到sum中
    if(a % 10 == 9){
        //当这个数a的个位是9的时候,那么下面的代码没有必须执行了。
        //在这里可以使用一个关键字continue(继续),来结束本次循环,立即开始下一次循环。
        a++;
        continue;
    }
    sum = sum + a;
    a++;
}

for循环:

  • 作用:反复执行同一段代码。
  • 代码:
for(var i = 1; 判断条件; i++){
	要循环的代码块:
}
  • 执行步骤: 当程序运行到for的时候,会先声明一个变量i,并且赋值为1,判断i是否满足后面的判断条件,如果满足,执行下面的要循环的代码块,代码 块执行完成之后再执行i++,再判断判断条件是否满足,如果满足再次按照上面的流程执行,如果不满足,直接结束for循环。
  • 用法:
//求1-5所有数的和
//定义一个和
var sum = 0;
for(var i = 1; i <= 5; i++){
    sum += i;
}

//得到100以及的所有质数
//一般很少用到双重for循环
for(var i = 2 ; i<=100;i ++){  // i == 5
    for(var j = 2;j<i; j++){
        if(i%j == 0){
            break;
        }
        if(j==(i-1)){
            document.write(i+"是一个质数<br />");
        }
    }
}

我觉得js中的循环和流程控制也是很重要的,多练习一些习题,自己想想那些地方可能会用到,一定要多想多练,fighting! 如果本文有什么错误或需要改进的地方,请及时留言,谢谢您!

转载于:https://my.oschina.net/yxmBetter/blog/828962

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值