热门搜索 :
考研考公
您的当前位置:首页正文

JavaScript中if条件语句怎么使用

2020-11-27 来源:桦陀教育
JavaScript中的if可实现条件分支也就是条件语句,所以,接下来的这篇文章就来给大家介绍关于JavaScript中if条件语句的用法,下面我们来看具体内容。

JavaScript

我们先来看看条件分支(if语句)语句的语法

if(条件){
条件为真时执行
}

在()中写入条件,如果条件为真,则执行{}中的处理。

顺便说一下,条件一致称为“真(true)”,不一致称为“假(false)”。

如果要在if语句中添加“false”,需要按如下所示添加代码

if(条件){
条件为真时执行
} else {
条件为假时执行
}

if条件适用的话用if处理,如果不适用则使用else处理。

具体的示例

用分数来进行判断

如果是80分以上(包括80分),则恭喜你!通过了!

如果分数少于80,则不合格!下次努力!

首先,让我们假设使用变量取得分数如下(在这里设置为90分)。

代码如下

<script>
var score = 90;
if (score >= 80) {
document.write("恭喜你!通过了!") ;
}
</script>

因为分数高于80分,所以运行结果如下

JavaScript

我们再来看一段代码

<script>
var score = 90;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else {
document.write("不合格!下次努力!");
}
</script>

这段代码虽然增加了else,但是由于分数仍然高于80,所以结果依然是“恭喜你!通过了!”

我们来将分数设置为60

<script>
var score = 60;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else {
document.write("不合格!下次努力!");
}
</script

运行结果如下

JavaScript

多个条件分支语句(else if)

使用条件语句时,可以使用多个条件进行分支,这个时候使用的就是else if语句

else if语句在条件语句中如下

<script>
if (条件) {
条件为真时执行
} else if (条件2) {
条件2为真时执行
}
else {
条件为假时执行
}
</script>


让我们来看具体的示例

<script>
var score = 60;
if (score >= 80) {
document.write("恭喜你!通过了!");
} else if (score >= 70) {
document.write("不合格!加油!");
}
else {
document.write("不合格!下次努力!");
}
</script>

运行结果如下

2345截图20181221143655.png

既不符合条件1(score >= 80)也不符合条件2(score >= 70),所以结果为“不合格!下次努力!”

如果将60改为78,则结果如下

2345截图20181221145414.png

本篇文章到这里就全部结束了,更多精彩内容大家可以关注Gxl网其他视频教程栏目!!!

Top