JavaScript语言基础知识10

时间:2021-07-10 15:20:03

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:

JavaScript语言基础知识10

在这里我们必须将推断条件置于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,条件成立输出:

JavaScript语言基础知识10

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFpX3FpbmdfeHVfa29uZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

<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>

结果:

JavaScript语言基础知识10

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

这时假设我们将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>

结果例如以下:

JavaScript语言基础知识10

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaGFpX3FpbmdfeHVfa29uZw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

结果是正确的,我们如今看看代码。假设我们要推断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>

结果例如以下

JavaScript语言基础知识10

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

<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的区间。结果例如以下:

JavaScript语言基础知识10

转载请注明出处:http://blog.csdn.net/hai_qing_xu_kong/article/details/41253359 
  情绪控_