js中条件语句

语句

什么是语句

概念：在JavaScript中表达式是短语，语句就是整句或命令。
作用：用来执行使某件事发生
特征：用 ; 结尾
Js中语句的常见形式：
1.表达式语句
					//var a = 10;//他是一个表达式
2.复合语句
					//var a = 1,b = 2, c = 3;
3.声明语句
					//var a = 10;
4.条件语句
					//if()else{}
5.循环语句
					//for(){}
6.跳转
					//break

条件语句

通常，我们在编程语言中，有三大流程结构：
1.顺序结构
2.分支结构
3.循环结构
注意：顺序结构，是指我们的代码按照书写的顺序，自上向下挨个执行。
1.在实际开发中，仅仅只有顺序结构是不能满足需求的。所以，也就有了分支结构和循环结构。
2.其中分支结构，就 ‘对应到 js中的条件语句’，换句话说，‘在js中，使用条件语句来实现分支结构的。’
3.循环结构，就对应到’js中的循环语句’，换句话说，在js中，‘使用循环语句来实现循环结构的。’
4.‘所谓的条件语句，是指在执行代码的时候，需要根据条件进行相应的执行’。

 在js中，提供了如下四种用法：
1.if //单分支判断语句
2.if...else  //双分支判断语句
3.if...else if ... else //多分支判断语句
4.switch //switch判断语句

If语句

1.单分支语句

if语句是分支。
格式如下：
if(条件表达式){
    //条件为真时执行的语句
    //...
    //...
}

基本使用：
//如果条件成立
if(true){
    console.log('欢迎来到js世界');
}
console.log('继续')
注意：这个是执行完成之后次啊继续向后执行

对应的代码如下：
if(false){
    console.log('欢迎来到js世界');
}
console.log('继续');

if语句使用细节说明：
1.关键字就是if，然后在if之后需要有一个（），中间的空格可有可无的。
2.()中，可以书写的就是各种表达式。可以是最简单原子表达式，也可以是复杂的表达式。如if (a > 10 && a < 10)，以关系运算和逻辑运算表达式居多。
3.当if后面只有一条语句时，可以省略大括号，（不建议省略）

最佳实践：
1.我们在写if语句的时候，尽量加上{}，哪怕其中只有一条语句。
2.在书写 { 的时候，尽量和if放在一行，不要新起一行。确保不出现任何问题，结束的 } 单独放一行，花括号中内容，需要缩进。

var age = 20;
if(age > 18){
   	console.log('成年了');
    console.log}('还没有')
   }

2.双分支语句

双分支，二选一的情况
格式：
if(条件表达式){
   	//条件表达式为真时执行的语句
}else{
    //条件表达式为假时执行的语句
}

基本使用:
var age = 20;
if(age > 18){
    console.log('成年了')
}else{
    console.log('多吃改钙片')
}
console.log('下一个')
输出结果：成年了   下一个

var a = 13;
if(a > 18){
    console.log('成年了')；
}else{
    console.log('多吃改钙片')
}
console.log('下一个')
输出结果： 多吃改钙片    下一个


关于if...else双分支，我们有一个简化的写法，使用三元运算符。？ ：
如下：
var age = 13;
age > 13 ? console.log('成年了'):console.log('多吃改钙片');
console.log('下一个');

注意：我们的？：可以简化简单的if...else条件语句，但不能简化复杂的。

3.多分支语句

多分支的if语句，多选一。
格式：
if(表达式1){
   	//语句1
}else if(表达式2){
    //语句2
}else{//省略
    //语句n
}

基本使用：
var a = 85;
if(a > 90 && a <= 100){
    alert('棒')
}else if(a >80 && a < 90){
    alert('需要进步')
}else if(a < 80 && a > 70){
    alert('进步空间很大')
}else{
    alert('你需要努力了')
}

注意：在js中，else和if要分开写，不能连写。

在js中，else...if的多分支，本质上是if...else的嵌套使用，只不过可以用简化的写法，让程序看起来要简洁一些。

'注意：prompt当点击取消，prompt的返回值null;   prompt方法返回值的类型是string '

分支流程控制 switch 语句

语法结构
switch 语句也是多分支语句，它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时，就可以使用 switch。

switch( 表达式 ){ 
    case value1:
        // 表达式 等于 value1 时要执行的代码
        break;
    case value2:
        // 表达式 等于 value2 时要执行的代码
        break;
    default:
        // 表达式 不等于任何一个 value 时要执行的代码
}
语法结构:
1.switch ：开关 转换  ， case ：小例子   选项
2.关键字 switch 后面括号内可以是表达式或值， 通常是一个变量
3.关键字 case , 后跟一个选项的表达式或值，后面跟一个冒号
4.switch 表达式的值会与结构中的 case 的值做比较 
5.如果存在匹配全等(===) ，则与该 case 关联的代码块会被执行，并在遇到 break 时停止，整个 switch 语句代码执行结束
6.如果所有的 case 的值都和表达式的值不匹配，则执行 default 里的代码
注意： 执行case 里面的语句时，如果没有break，则继续执行下一个case里面的语句。

    
基本用法:
       var str = prompt('请输入季节') 
       switch(str){//str==='春季'str==='夏季'str==='秋季'str==='冬季'
               case:'春季':
               		alert('白羊座、双鱼座');
               break;
               case:'夏季':
               		alert('双子、狮子');
               break;
               case:'秋季':
               		alert('天平、巨蟹');
               break;
           	   case:'冬季':
               		alert('天蝎、摩羯');
               break;
           	   default:
               		alert('请输入正确的季节')
       }
       注意：流程图，和上面的if..else多分支一样。
        
        
        
关于switch的一些细节：
1.如果满足某一个条件之后，后续的就不需要任何判断和处理，使用break结束。
如果没有break，当一个case条件成立之后，执行当前case中的代码，
然后继续下一个case，不用比较，直接执行其代码。