JavaScript语言基础10

浏览数：23 / 时间：2015年06月08日

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:

在这里我们必须将判断条件置于if关键字之后的圆括号中，当条件为真时，将要执行的代码用大括号括起来，养成良好的习惯。

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

逻辑运算运算符

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的区间，结果如下：