Bootstrap

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中,elseif要分开写,不能连写。

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

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

分支流程控制 switch 语句

语法结构
switch 语句也是多分支语句,它用于基于不同的条件来执行不同的代码。当要针对变量设置一系列的特定值的选项时,就可以使用 switchswitch( 表达式 ){ 
    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,不用比较,直接执行其代码。

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;