您的位置：首页 > Web前端 > JavaScript

JavaScript语言基础知识10

2015-12-11 17:46 549 查看

JavaScript中间if声明：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2){
document.write("value1>value2");
}
</SCRIPT>
</BODY>
</HTML></span>

在上面代码中，通过if语句推断value1是否大于value2，结果肯定value1>value2:

在这里我们必须将推断条件置于ifkeyword之后的圆括号里，当条件为真时。将要运行的代码用大括号括起来。养成良好的习惯。

在进行推断条件时，有时会涉及一些逻辑运算符的操作，例如以下表：

逻辑运算运算符

AND（逻辑与） &&

OR（逻辑或） ||

NOT（逻辑非）。

逻辑与（&&）：

左操作数右操作数逻辑与的结果

true true true

false true false

true false false

false false false

结论：当条件表达式中全为真时，结果为真。反之，结果为假。

逻辑或（||）：

左操作数右操作数逻辑或的结果

true true true

false true true

true false true

false false false

结论：当条件表达式全为假时，结果为假。反之，结果为真。

逻辑非（。）：

操作数逻辑非的结果

true false

false true

结论：条件为假时。结果为真；条件为真时，结果为假。

JavaScript的if语句中能够使用复合条件，例如以下代码：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2){
if(value1<50){
document.write("value1>value2");
}
}
</SCRIPT>
</BODY>
</HTML></span>

代码中先推断value1>value2,条件成立后，推断value1<50,条件成立输出：

当然这样做是正确的，但代码过于臃肿，因此我们使用上面的逻辑运算符来实现上面的效果：

<span style="font-size:18px;">HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=30;
if(value1>value2&&value1<50){
document.write("value1>value2");
}
</SCRIPT>
</BODY>
</HTML></span>

结果：

合理的使用逻辑运算符能够为我们降低一些不必要的代码。

这时假设我们将value=30,value=40：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=30;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}
if(value1<value2){
document.write("value1 < value2");
}
</SCRIPT>
</BODY>
</HTML></span>

结果例如以下：

结果是正确的，我们如今看看代码。假设我们要推断value1>value2不成立时，就输出value1<value2，显然上面代码过长。我们能够使用if语句的else子句来实现：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=30;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}else{
document.write("value1 < value2");
}
</SCRIPT>
</BODY>
</HTML></span>

这种话，逻辑更加清晰，假设还需推断value1是否等于value2时，我们能够使用if语句else if子句（当然else if 子句能够是多个，用来依次推断条件）：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=40;
var value2=40;
if(value1>value2&&value1<50){
document.write("value1 > value2");
}else if(value1<value2){
document.write("value1 < value2");
}else{
document.write("value1 = value2");
}
</SCRIPT>
</BODY>
</HTML></span>

结果例如以下

当然还能够写成例如以下：

<span style="font-size:18px;"><HTML>
<HEAD>
<TITLE>Hello World</TITLE>
</HEAD>
<BODY BGCOLOR="WHITE">
<SCRIPT Language="JavaScript" TYPE="text/javascript">
var value1=4;
if(value1<=60&&value1>50){
document.write("60--50");
}else if(value1<=50&&value1>40){
document.write("50--40");
}else if(value1<=40&&value1>30){
document.write("40--30");
}else{
document.write("value1 <= 30");
}
</SCRIPT>
</BODY>
</HTML></span>

推断value1的区间。结果例如以下：

转载请注明出处：/article/1372018.html
情绪控_

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航