首页 > 代码库 > JavaScript语言基础10

JavaScript语言基础10

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=http://www.mamicode.com/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的区间,结果如下:



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






                            





JavaScript语言基础10