（4）javascript的运算符以及运算符的优先级

最新推荐文章于 2024-06-14 11:00:27 发布

auan7983

最新推荐文章于 2024-06-14 11:00:27 发布

阅读量239

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/LiuWeiLong/p/7088135.html

版权

运算符的使用方法

在javascript的程序中要完成各种各样的运算，是离不开运算符的。

在javascript中，按运算符类型可以分为算术运算符、赋值运算符、比较运算符、逻辑运算符、条件运算符等。

（图片来自于W3School离线手册）

" % "求模运算符例子：100%7 怎么计算？等于多少？

先100/7=14 14*7=98 100-98=2 结果就是2 ；

算术运算符案例：

<!doctype html>
 <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的运算符使用,javascript入门"> <meta name="description" content="老罗江湖"> <title> 运用javascript算术运算符 </title> </head> <body> <script type="text/javascript"> var num1=100,num2=50; //定义两个变量  document.write("100+50="+(num1+num2)+"<br/>"); //计算两个变量的和  document.write("100-50="+(num1-num2)+"<br/>"); //计算两个变量的差  document.write("100*50="+(num1*num2)+"<br/>"); //计算两个变量的积  document.write("100/50="+(num1+num2)+"<br/>"); //计算两个变量的余数  document.write("100++="+(num1++)+"<br/>"); //自增运算  document.write("++100="+(++num1)+"<br/>"); </script> </body> </html>

效果图：

赋值运算符：

赋值运算符案例：
<!doctype html>
 <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的赋值运算符，javascript入门"> <meta name="description" content="老罗江湖"> <title> 赋值运算符的使用规则 </title> </head> <body> <h4>当数字和字符串相加，结果将成为字符串。</h4> <script type="text/javascript"> x=10; document.write(x); document.write("<br/>"); x="10"+"10"; document.write(x); document.write("<br/>"); x=10+"10"; document.write(x); document.write("<br/>"); x="10"+5; document.write(x); document.write("<br/>"); </script> </body> </html>

效果图：

比较运算符：

（图片来自于W3School离线手册）

案例解说：

<!doctype html>
 <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript的运算符使用，javascript入门"> <meta name="description" content="老罗江湖"> <title> 比较运算符 </title> </head> <body> <script type="text/javascript"> var age=25; document.write("age变量的值为："+age+"<br/>"); document.write("age>=20："+(age>=20)+"<br/>"); document.write("age<20："+(age<20)+"<br/>"); document.write("age!=20："+(age!=20)+"<br/>"); document.write("age<20："+(age<20)+"<br/>"); </script> </body> </html>

效果图：使用比较运算符比较两个数值的大小。

逻辑运算符：

（图片来自于W3School离线手册）

案例：

案例：
<!doctype html>
 <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript逻辑运算符，javascript入门"> <meta name="description" content="老罗江湖"> <title> 逻辑运算符的使用 </title> </head> <body> <script type="text/javascript"> var x=6,y=3; document.write(x<10&&y<2); //逻辑与，若两边表达式的值都为true，则返回true；任意一个值为false，则返回false。  document.write("<br/>"); var x=6,y=3; document.write(x>10||y>6); //逻辑或，只有表达式的值都为false时，才返回false。  document.write("<br/>"); var x=6,y=3; document.write(!(x>10)); //逻辑非，若表达式的值为true，则返回false，否则返true。  document.write("<br/>"); </script> </body> </html>

效果图：

条件运算符：

（图片来自于W3School离线手册）

“？”条件运算符是个三元运算符，它有三部个分，一个计算值的条件和两个根据条件返回的真假值，格式如下：

 条件 ？ 表达式1：表达式2

在使用条件运算符时，如果条件值为真，则表达式值使用表达式1的值，否则使用表达式2的值。例子如下：

( x > y ) ? 30*3 : 15

如果x大于y值，则表达式的值为90，否则x的值小于或等于y值时，表达式值为15。

案例：

<!doctype html>
 <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta name="keywords" content="javascript条件运算符，javascript入门"> <meta name="description" content="老罗江湖"> <title> 条件运算符的使用 </title> </head> <body> <script type="text/javascript"> var x=2; var y=6; var c=y-x; document.write(c+"<br/>"); if(x>y) {document.write("x大于y<br/>");} else {document.write("x小于y<br/>");} document.write(x>y?"5":"8"); //如果条件值为假，则表达式值使用表达式2的值。 </script> </body> </html>