YanTianFeng的知识库

Want Coding

Want Reading

文章 89

访问 18444

评论 2

头像

YanTianFeng

发私信

文章 89
访问 18444
评论 2
JAVASCRIPT
返回顶部

Knowledge  JavaScript if语句

标签   if  

  ( 263 )       ( 0 )


前言

if 语句又称条件语句, if 语句可以用来判断程序执行哪些代码,不执行哪些代码。

if 语句

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在 JavaScript 中,我们可使用以下条件语句:

if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码;

if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码;

if...else if....else 语句- 使用该语句来选择多个代码块之一来执行。

If 语句

执行逻辑:只有当指定条件为 true 时,该语句才会执行代码。

语法:

if (condition)
{
    当条件为 true 时执行的代码
}

请使用小写的 if ,因为 if 是系统定义的关键字,写为 IF 会报错。

代码实例:

if (time<20) //只有当time<20时, 才执行x="Good day"
{
    x="Good day";
}

If...else 语句

执行逻辑:在条件为 true 时执行代码,在条件为 false 时执行其他代码。

语法:

if (condition)
{
    当条件为 true 时执行的代码
}
else
{
    当条件不为 true 时执行的代码
}

代码实例:

//当time<20时, 执行 x="Good day" ; 否则,执行 x="Good evening"
if (time<20)
{
    x="Good day";
}
else
{
    x="Good evening";
}

If...else if...else 语句

执行逻辑:选择多个代码块之一来执行。

语法:

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
    当条件 1 和 条件 2 都不为 true 时执行的代码
}

代码实例:

// 当 time<10 时, 执行 console.log("早上好"); 
// 当 time>=10 && time<16 时,执行 console.log("今天好");
// 否则,执行 console.log("晚上好!");

//程序从上往下执行,依次判断每个条件,当遇到第一个条件成立,执行此条件对应的代码块,其他代码块忽略。
//根据条件,只会选择其中一个代码块执行。
if (time<10)
{
    console.log("早上好");
}
else if (time>=10 && time<16)
{
    console.log("今天好");
}
else
{
    console.log("晚上好!");
}

实际应用中,可能会有多个 else if 块

实际应用中,根据程序逻辑,最后的 else 块可以不写( else 块不是必须的)。

实际应用中,如果 {} 中只有一条语句,此时可以省略 {},同时代码更加紧凑,如下:

//这种省略大括号的写法使得代码更加紧凑,而且不会影响程序功能。
if (time<20) x="Good day";
else x="Good evening";

工作中,还可以用三目运算符?:写出功能相同,但更为紧凑的 if...else 结构,如下:

if (time<20)
{
    x="Good day";
}
else
{
    x="Good evening";
}

// 使用三目运算符的紧凑写法
var x = time < 20 ? "Good day" : "Good evening" ;