十三、if语句

十三、if语句

JS语句结构

  • 选择结构:
1
2
3
4
if( )
if( )else if( )else if( )else( )
switch( ){ }
三元表达式
  • 循环结构:
    1
    2
    3
    for( ){ }
    while( ){ }
    do{ }while( )

13.1 基本语法

条件判断语句、选择语句

如果条件成立,则执行一些语句;否则执行另一条语句

if 如果, else 否则

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
// 请用户输入一个数字
var n = Number(prompt("请输入一个数字:"));

// 如果n是偶数
if(n % 2 == 0){
alert("你输入的数字是偶数");
}else{
// 否则
alert("你输入的数字是奇数");
}

alert("再见");
</script>

U9in2D.png

语法:

1
2
3
4
5
if(条件){
条件为真的时候,做的事情;
}else{
条件为假的时候,做的事情;
}

例如:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
// 请用户输入年龄
var age = Number(prompt("请输入一个年龄:"));

// 如果年龄是18到70
if(age >= 18 && age<=70){
alert("可以考驾照");
}else{
// 否则
alert("年龄不符合要求");
}
</script>

U9icGT.png

if语句初学者常错点:

1
2
3
① 风中凌乱,不符合语法,瞎写
else不要拼写为eles
③ 不要和大括号较劲,按照上述例子书写结构书写的大括号风格是95%以上的程序员会遵守的。

13.2 省略else

如果***,那么***。 不说否则了

1
2
3
4
5
6
7
8
9
10
11
<script>
// 请用户输入用户名
var username = prompt("请输入用户名:");

// 如果用户名是管理员
if(username == "admin"){
alert("管理员你好!");
}

alert("欢迎!");
</script>

U9ifsJ.png

不管用户输入什么,都会弹出欢迎。只不过用户输入admin,会额外弹出一句话。

13.3 多个条件 else if

可以用else if

楼层可以这么搭:

1
2
3
4
5
6
7
if(){
}else if(){
}else if(){
}else if(){
}else if(){
}else{
}

else if表示“否则如果”。即上面的条件不符合时,才能够遇见自己。暗含了上面的条件不符合

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
// 请用户输入用成绩
var score = Number(prompt("请输入成绩:"));

if(score >= 85){
alert("优秀!");
}else if(score >=70){
alert("良好");
}else if(score >=60){
alert("及格");
}else if(score >=0){
alert("不及格");
}
</script>

跳楼现象(跳楼后面的内容不会再查看):

U9izdI.png

也可以写做:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
// 请用户输入用成绩
var score = Number(prompt("请输入成绩:"));

if(score < 60){
alert("不及格");
}else if(score < 70){
alert("及格");
}else if(score < 85){
alert("良好");
}else if(score <= 100){
alert("优秀");
}
</script>

使用if语句,必须有明确的“档”。“档”的条件必须非常明确。“档”必须有限个数。

## 13.4 if语句的嵌套

某自助餐价格:

成人小孩
10030
8020

让用户输入自己是男是女,然后输入年龄,告诉用户价格。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
var sex =prompt("请输入你的性别:")
var age = Number(prompt("请输入你的年龄:"));

if(sex == "男"){ // 不能使用= 必须用== =表示赋值
// 男
if(age >= 18){
alert(100);
}else{
alert(30);
}
}else{
// 女
if(age >= 18){
alert(80);
}else{
alert(20);
}
}
</script>
点击查看

本文标题:十三、if语句

文章作者:Mango

发布时间:2020年07月08日 - 21:42:28

最后更新:2020年07月08日 - 22:35:39

原始链接:https://mango185.github.io/post/4c4e2fe1.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------