• 13_JavaScript基础入门(3)


    条件分支语句

    条件分支语句,也叫作条件判断语句,就是根据某种条件执行某些语句,不执行某些语句。
    JS中有三种语法是可以表示条件分支的。

    1.if……else……

    条件分支的主力语法,这个主力语法能够书写所有的条件分支语句。也就是说,一会儿我们学switch case语句,switch case语句能干的,if else语句一定也能干。
    昨天已经讲过了,复习一下:
    标准的完整结构:

    if(){
    
    }else if(){
    
    }else if(){
    
    }else{
    
    }
    

    else只能有一个,并且一定要放在最后。表示所有的分支都不满足的时候执行的事情。
    可以没有else:

    if(){
    	
    }else if(){
    	
    }else if(){
    }
    可以没有分支:
    if(){
    
    }
    

    看准楼的位置:

    if(8 > 5){
    	console.log("哈哈");
    }
    console.log("嘻嘻");   //这行语句不在if里,所以不管if成功没有,都执行
    

    如果只有一行语句,那么就可以省略大括号:

    if(8 > 15)
    	console.log("哈哈");
    console.log("嘻嘻");
    

    跳楼现象,要会合理利用,比如今天早上的bmi晨早测验!

    var a = 4;
    if(a < 8){
    	a++;    //a变为5,然后跳楼,不会进行下面的a==5的比较了
    }else if(a == 5){
    	a++;
    }
    console.log(a);  //5
    

    2.switch case语句

    先来看一个简单的例子:

    switch(xingzuo){
    	case "白羊座" :
    		alert("今天要注意调整自己的状态,有些人的睡眠质量比较差");
    		break;
    	case "金牛座" :
    		alert("今天会在感情方面遇到一些小小的问题");
    		break;
    	case "双子座" :
    		alert("要做好心理准备会在工作上被他人挑剔找茬,这是你避免不了的事情");
    		break;
    	case "巨蟹座":
    		alert("工作上要打醒十二分精神,要不然很大可能会经常要返工哦");
    		break;
    	case "狮子座":
    		alert("恋爱中的人今天的心有点摇摆不定,有人可能会有精神上的出轨");
    		break;
    	default :
    		alert("对不起,我们没有收录你的星座运势!");
    		break;
    }
    

    语法:

    switch(待检测值){
    	case 值1 :
    		值1 与 待检测值 相同时做的事情
    		break;
    	case 值2 :
    		值2 与 待检测值 相同时做的事情
    		break;
    	case 值3 :
    		值3 与 待检测值 相同时做的事情
    		break;
    	default :
    		默认要做的
    		break;
    }
    

    switch case语句的哲学是什么?存在的意义,简化了if……else……的书写:

    你会发现,下面的if语句的分支中,都是在判断xingzuo是不是和某一个字符串相等,显得臃肿:

    if(xingzuo == "白羊座"){
    	alert("今天要注意调整自己的状态,有些人的睡眠质量比较差");
    }else if(xingzuo == "金牛座"){
    	alert("今天会在感情方面遇到一些小小的问题");
    }else if(xingzuo == "双子座"){
    	alert("要做好心理准备会在工作上被他人挑剔找茬,这是你避免不了的事情");
    }else if(xingzuo == "巨蟹座"){
    	alert("工作上要打醒十二分精神,要不然很大可能会经常要返工哦");
    }else if(xingzuo == "狮子座"){
    	alert("恋爱中的人今天的心有点摇摆不定,有人可能会有精神上的出轨");
    }else{
    	alert("对不起,我们没有收录你的星座运势!");
    }
    

    我们经过测试,发现switch进行相同判断,底层是===的比较,连类型一起比较

    <script type="text/javascript">
    	var a = "5";
    	switch(a){
    		case 5 :
    			alert("哈哈");  //不会弹出!!因为类型不一样
    			break;
    	}
    </script>
    

    如果不写break,那么switch语句就表现的非要有意思,除了执行这个case里面的语句之外,还将无条件的执行下面的case的语句,直到遇见一个break拦住它。

    var a = 5;
    switch(a){
    	case 4:
    		alert("我是4");   //没有通过验证,不执行
    	case 5:
    		alert("我是5");   //弹出
    	case 6:                //无视这行case,直接直接这行case里面的语句
    		alert("我是6");   //弹出, 
    		break;             //挡住了,就不能继续往下运行了
    	case 7:
    		alert("我是7");
    		break;
    	default:
    		alert("我是默认");
    }
    

    //用户输入月份,告诉它这个月有几天

    switch(month){
    	case 1:
    	case 3:
    	case 5:
    	case 7:
    	case 8:
    	case 10:
    	case 12:
    		alert("这个月有31天");
    		break;
    	case 4:
    	case 6:
    	case 9:
    	case 11:
    		alert("这个月有30天");
    		break;
    	case 2:
    		alert("这个月一般来说是28天,可能29天");
    }
    

    初学者最最可爱的错误是:

    switch(month){
    	case 1 || 3 || 5 || 7 || 8 || 10 || 12 :
    		alert("这个月有31天");
    		break;
    	case 4 || 6 || 9 || 11 :
    		alert("这个月有30天");
    		break;
    	default :
    		alert("我是默认");
    }
    

    这样写不行的!因为1 || 3 || 5 || 7叫做表达式,计算机一遇见表达式,就会计算求值
    1 || 3 || 5 || 7 || 8 || 10 || 12

    表达式的值是1,等价于case 1:

    switch这个语句,就只能干这种事儿。就是把一个值,看情况得几,执行不同的事儿。
    如果要在某一个范围内,做某件事儿,也行,不过不建议这么写。此时应该用if……else if……

    switch(true){
    	case score < 60 :
    		alert("不及格");
    		break;
    	case score < 75 :
    		alert("及格");
    		break;
    	case score < 85 :
    		alert("良好");
    		break;
    	case score <= 100 :
    		alert("优秀");
    		break;
    	default :
    		alert("你输入的成绩错误");
    }
    

    3.三元运算符

    ? :是一组运算符,这是JS中唯一一个需要三个元素参加的运算符。

    条件 ? val1 : val2
    表达式的值,要看条件是true还是false。如果条件是true,那么表达式的值就是val1。如果条件是false,表达式的值就是val2。

    简单的例子:

    console.log(true ? 3 : 8);	//3
    console.log(false ? 3 : 8);	//8
    

    三元运算符,经常这么使用:
    员工的年终奖倍数,跟月薪有关。月薪大于8000,系数就是1.2。否则是1。
    var xishu = salary > 8000 ? 1.2 : 1;
    等价于:

    if(salary > 8000){
    	xishu = 1.2;
    }else{
    	xishu = 1;5	}
    

    现在总结一下,条件分支的语句一共有3种,但是&& ||短路写法也有一种选择的感觉,总共算4种。
    if……else if…… (必须立即想到!这个东西无敌)
    switch case (某一方面很擅长,体现在了代码的清晰度上)
    三元运算符 (赋值的时候,根据条件有两个可能的值,马上想到三元运算符)
    &&短路写法 (经验问题,用的不熟悉没事)

    循环语句

    JS中流程控制的语句,就两个:条件分支、循环语句。靠这两种语句,就能完成所有的程序。
    循环语句是一系列反复执行直到符合特定条件的命令。
    循环语句能够解决大量的类似语句书写。

    1.for循环语句

    整体感知:

    for(var i = 1 ; i <= 99 ; i++){
    	console.log("第" + i + "次说我爱你");	
    }
    

    你就发现了,for循环就是一个壳子,让变量i依次、轮流的值为1、2、3、4、……99。
    变量i我们称为循环变量,这个变量可以任意设置,我们习惯用i来表示循环变量
    语法上,最最容易错误的,最后没有分号:
    for(var i = 1 ; i <= 99 ; i++;){ ← 错误的写法
    console.log("第" + i + "次说我爱你"); 3 }

    for循环的本质,必须搞清楚。
    for的本质

    系统遇见了for循环结构,会立即执行语句①,此时声明了一个变量i,赋值为1。

    系统会立即检测,是否满足②这个条件表达式,如果是真,则执行③;如果②是假,则跳出循环,执行语句⑤。

    执行完③之后,系统会立即执行语句④,然后再次检测语句②,如果为真,则做③,如果为假,则做⑤;

    执行完③之后,系统会立即执行语句④,……

    2.穷举思想

    我们初学者,最最关键的,就是掌握for循环的穷举思想。
    比如,现在要寻找48的所有约数。
    什么是约数: a ÷ b 没有余数,能整除。那么我们称a是b的倍数,称b是a的约数。
    计算机是笨笨的,不能立即告诉你48能整除哪些数,所以,我们就要让计算机从1开始,一个一个实验。
    我们试试1是不是48的约数
    我们试试2是不是48的约数
    我们试试3是不是48的约数
    ……
    我们试试48是不是48的约数

    把所有的可能性一一列出,然后筛选。全举法,举就是列举的意思。中文比较文绉绉,穷举法。
    欲穷千里目,更上一层楼。

    比如,我们现在要寻找水仙花数。水仙花数,是三位数,每个数位的立方和等于它本身。
    比如153, 因为13+53+33 = 1 + 125 + 27 = 153。所以153就是水仙花数。
    寻找100~999的所有水仙花数。
    穷举法,从100~999,一个一个试,
    我们试试100是不是水仙花数
    我们试试101是不是水仙花数
    我们试试102是不是水仙花数
    我们试试103是不是水仙花数
    ……
    我们试试999是不是水仙花数

    for循环,还有一个小应用,叫做累加器。
    比如,我们现在想计算1+2+3+4+……100

    var sum = 0;  //累加器
    for(var i = 1 ; i <= 100 ; i++){
    	sum = sum + i;
    }
    console.log(sum);
    

    计算6!

    var sum = 1;   //累乘器,累乘器的初值是1
    for(var i = 6 ; i >= 1 ; i--){
    	sum = sum * i;
    }
    console.log(sum);
    

    如果一个数恰好等于它的因数之和,则称该数为“完美数”。
    例如:
    第1个完全数是6,它有因数1、2、3、6,除去它本身6外,其余3个数相加,1+2+3=6。第2个完全数是28,它有因数1、2、4、7、14、28,除去它本身28外,其余5个数相加,1+2+4+7+14=28。
    试寻找1~10000之间的所有完美数。

    for(var i = 1 ; i <= 10000 ; i++){
    	var sum = 0;
    for(var j = 1 ; j <= i ; j++){
    	if(i % j == 0 && i != j){
    		sum+=j;
    	}
    }
    if(i==sum){
    		console.log("完美!"+i);
    	}
    
    
    }
    
  • 相关阅读:
    cf round #421 div2 D. Mister B and PR Shifts
    cf round #421 div2 C. Mister B and Boring Game(trick)
    UVa 12716 GCD XOR
    cf 821E Okabe and El Psy Kongroo(矩阵快速幂)
    hdu 6109 数据分割(并查集+set)
    poj 2887 Big String(块状链表)
    hdu 6119 小小粉丝度度熊(区间双指针)
    hdu 6118 度度熊的交易计划(可行费用流)
    hdu 6015 Gameia(树上博弈)
    hdu 6096 String(AC自动机巧妙建图)
  • 原文地址:https://www.cnblogs.com/shy-kevin/p/12058649.html
Copyright © 2020-2023  润新知