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循环结构，会立即执行语句①，此时声明了一个变量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);
	}

}