语句
什么是语句
概念:在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,不用比较,直接执行其代码。