在上面几章中，我们已经看到了JavaScript中的各种运算符，在本章中我们将看到如何使它们得到很好的利用。条件语句使您能够使用数学，比较和逻辑运算符，因为它们使您能够在代码中指定仅当满足条件时才会发生操作（条件语句）。

为了使用条件语句，我们必须知道它们是什么？它们如何有用？

什么是条件声明？

在前面的章节中，我们使用一些简单的语句，但是如果我们想在脚本中做出一些决定，例如，如果一个变量x的值大于10，那么我们只需要提醒某个消息，否则不会。我们可以使用条件语句来做出这些类型的决策。

让我们从我们的日常生活中抽出一个简单的例子。

“如果你吃了很多垃圾食物，你会生病，否则你会保持健康。”

在上述声明中，有一个条件是“吃垃圾食品”，两个“生病”和“保持健康”的行为。这是一个简单的例子，我们如何在单一条件的基础上决定事情。

“如果我有钱超过1000元就去购物，否则留在家里。”

尝试：在上面的语句中，尝试找到条件和两个可能的操作。

我们也可以在我们的脚本中创建这样的条件，因为它使我们能够在我们的魔术师中做更多的工作。

更多的例子

如果名为“name”的变量等于shibli（回想起我们如何使用==运算符来修改两个值），然后写入“hello shibli”的消息。

如果名为car的变量等于Mustang而不是将输出写为“cool car”。

使用条件语句

现在你知道什么条件语句，现在是时候看看如何在脚本中编写它们

使用if / else语句块

if / else块的第一行是JavaScript关键字“if”，if语句的语法如下所示

if(condition){

//满足条件执行里面的函数

}

让我们看一个简单的例子

var x = 100;

if(x > 50){

// 结果为true

document.write("我一百块钱");

}

在上面的脚本中，我们使用了一个if语句，它有一个条件（x> 50），x的值为100，所以条件成为真，if块被执行

尝试：在上述语句中尝试不执行if语句（提示：使用“<”操作符）

现在我们已经看到，当一个给定的条件为真时，如何执行一个语句，但是如果它是假的，那么我们有其他的阻止，下面是if / else块的compelete语法

if(condition){

//条件为true进入这里面

}else{

//条件为false进入这里面

}

我们来看一个简单的例子

var x = 10

if(x==9){

document.write("x不等于9");

}else{

document.write("x的值不是9");

}

在上述脚本中，else部分将作为条件（x == 9）为false执行。

您可以使用if / else块通过在条件中使用不同的运算符来尝试更多的示例。

嵌套if / else语句

我们可以在if / else语句中使用if / else语句，但是您必须考虑这样做的需要，只需要看下面的例子

如果我有一辆车，如果是野马，然后打印“酷车”，否则打印“你有车，但不是野马”。我们尝试将其转换为脚本

var haveCar = true;//定义一个真

var car = “mustang”;

if(haveCar==true){//结果 trueif(car==”mustang”){//结果 truedocument.write(“酷车”);//打印在浏览器窗口}else{document.write(“有车但，不是野马”);}

}else{ document.write(“你没有车”);

}

在上面的脚本中，您可以看到条件如何在其中有另一个条件，这被称为嵌套。

尝试：在上述语句中，尝试在父else语句中放置一个if / else块（也许你没有一辆车，但是你可能有一辆自行车）

复杂比较

上面我们只看到一些简单的条件，但是我们可以有一些复杂的条件，例如你会购买一台具有8GB 内存条和一个核心i7处理器的电脑，所以条件是只有当它有两个指定的东西我们可以使用哪个操作符来检查两个条件是否为真）对于上述语句，请参见以下语句。

if(ram=="8gb" && processor=="i7"){

document.write("这是一台配置不错的电脑");

}else{

document.write("每台电脑没有达标");}

切换语句

switch语句允许您使用单个变量值，并根据变量的值执行不同的代码块。如果你想检查一些不同的值，这可能比使用一组嵌套的if / else语句更容易一些。

switch语句的语法如下所示。

switch(varname){

case "testcase1"://条件满足执行这条内容

break;

default: //上面条件都不满足执行语句块

break;}

让我们快速看到一个基于switch语句的例子

var myName = “shibli”;

switch(myName){

在上面的例子中，您可以拥有尽可能多的案例，您是否注意到“break”关键字，那是什么？不用担心，我们将在下一章中了解到。

使用条件运算符

条件运算符（？:)经常称为三目运算符是一个JavaScript运算符，用作基于条件分配值的短路。我们没有在第3章讨论它， 因为它与条件语句的关系。

条件运算符的语法

(condition)?(//条件为true执行语句块一):(//条件为false执行语句块2)

让我们看一个例子

var x = 100;

var y = (x>50)?(x):(50);

document.write(y);

使用条件运算符将值50分配给第3行上的变量y，代码的输出将为50。

谢谢你的阅读。

了解更多资讯请关注我的微信公众号：芒果web 或者微信搜索（javascriptes6）

将您的查询和反馈发送我的微信公众号或者在我的QQ群634109637反馈。您也可以在下面评论您的问题。

另外，别忘了订阅我们。

如果你喜欢这篇文章，那么请分享一下，帮助我们成长。