(4)javascript的运算符以及运算符的优先级

                                运算符的使用方法

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

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

( 图片来自于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> 运用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>

 效果图解说:上面创建了两个变量x和y,变量c的值是y和x的差;使用if语句判断x和y的大小,并输出结果;使用了三元运算符,如果x>y,则输出5,否则输出8。

                                 Javascript运算符优先级

编程过程中需要特别注意运算符的优先级。运算符优先级是指在一个表达式中,运算符求值的先后顺序。程序的执行顺序将依据运算符的优先级顺序从左到右依次进行。

优先级别:括号里的表达式将先被执行,再乘除,后加减,这就是说乘法和除法的运算优先级高于加法和减法的优先级。乘除属于同一个级别,加减属于同一个级别,同一级别的运算符按从左到右顺序进行计算,这就是运算符的结合方式。如果有两个或者更多的算术运算符有相同的优先级,那么左边的将先执行,然后依次向右执行。

例子:X=2*4+5-4+12/2

 结果:X=15

如果两个或者两个以上的运算符有相同的优先级,js根据运算符的执行顺序进行排序,一般的都是从左向右,但有些运算符的结合性是从右向左。

(此图来自百度经验)

/*以上的内容部分来自“javascript从零开始学”和个人学习笔记,此文最终解释权归本人所有!*/

时间: 2024-12-15 06:50:35

(4)javascript的运算符以及运算符的优先级的相关文章

javascript运算符——位运算符

× 目录 [1]二进制 [2]非 [3]与[4]或[5]异或[6]左移[7]右移[8]>>>[9]应用 前面的话 位运算符是非常底层的运算,由于其很不直观,所以并不常用.但是,其速度极快,且合理使用能达到很好的效果.本文将介绍javascript中常常被忽视的运算符——位运算符 二进制表示 ECMAScript中的所有数值都以IEEE-754 64位格式存储,但位操作符并不直接操作64位的值,而是以32位带符号的整数进行运算的,并且返回值也是一个32位带符号的整数 这种位数转换使得在对特

javascript学习笔记---ECMAScript运算符(位运算符)

位运算符是在数字底层(即表示数字的 32 个数位)进行操作的. 位运算 NOT 位运算 NOT 由否定号(~)表示,它是 ECMAScript 中为数不多的与二进制算术有关的运算符之一. 位运算 NOT 是三步的处理过程: 把运算数转换成 32 位数字 把二进制数转换成它的二进制反码 把二进制数转换成浮点数 例如: var iNum1 = 25; //25 等于 00000000000000000000000000011001 var iNum2 = ~iNum1; //转换为 11111111

javascript学习笔记---ECMAScript运算符(逻辑运算符)

Boolean 运算符非常重要,它使得程序语言得以正常运行. Boolean 运算符有三种:NOT.AND 和 OR. ToBoolean 操作 在学习各种逻辑运算符之前,让我们先了解一下 ECMAScript-262 v5 规范中描述的 ToBoolean 操作. 抽象操作 ToBoolean 将其参数按照下表中的规则转换为逻辑值: 参数类型 结果 Undefined false Null false Boolean 结果等于输入的参数(不转换) Number 如果参数为 +0, -0 或 N

JavaScript 无符号位移运算符 &gt;&gt;&gt; 三个大于号 的使用方法

JavaScript 无符号位移运算符 >>> 三个大于号 的使用方法 JavaScript中的无符号位移运算符是用三个大于号来表示的 计算方法 例 100>>>2 100的二进制是 01100100 向右移2位后为 00011001 最后结果为25 100>>>2==25 无符号位移(>>>)和有符号位移(>>)的区别是 有符号位移运算时如果数字为正数时位移后在前面补0,为负数时则在位移后在前面补1 例 100>&

JavaScript中的逗号运算符

JavaScript中的逗号运算符(,)是顺序执行两个表达式. expression1, expression2 其中,expression1是任何表达式,expression2是任何表达式. 逗号运算符(,)导致按从

Python核心编程基础教程之Python运算符、运算符优先级、表达式简介--20150717

Python核心编程基础教程之Python运算符.运算符优先级.表达式简介 1.Python运算符与表达式: (1)认识Pyhton运算符1:什么是运算符 在Python运算中,有时候我们需要对一个或者多个数字或者一个或者多个字符串进行运算操作,*,+ (2)认识Pyhton运算符2:运算符有哪些以及运算符的使用方法 + :加 - :减 * :乘 / :除 ** :幂 < :小于 > :大于 != :不等于 // :求相除的整数部分 % :求相除的余数部分 & :按位与 | :按位或

javascript中&amp;&amp;运算符和||运算符的使用

前言 我们在前端开发中,&&运算符和||运算符是使用率和频繁度比较高的,&&运算符和||运算符的功能特别强大,想成为一名优秀的前端工程师,&&运算符和||运算符是必不可少的,但是很多前端工程师(刚入门的小白[包括小编本身])对于&&运算符和||运算符的使用率极为低下,之前小编在学校开发一些项目的时候根本就没有用到过,因为我们已经被传统概念束缚了.我们对于&&运算符和||运算符的理解是这样的: &&运算符 &am

JavaScript(js)运算符

JavaScript 运算符 赋值运算符(=)把值赋给变量. var x = 15; 运算符 例子   等同于 =   x = y  x = y +=  x += y x = x + y -=  x -= y x = x - y *=  x *= y x = x * y /=  x /= y x = x / y %=  x %= y x = x % y 算术运算符 +   加法 -   减法 *   乘法 /   除法 %   系数 ++  递加 --  递减 // tofixed(x) 保留x

JavaScript一元运算符、二元运算符和三元运算符

在JavaScript中,运算符可以根据其实际操作数的个数进行分类. JavaScript中的大多数运算符是一个二元运算符(binary operator),将两个表达式合并称为一个稍复杂的表达式.譬如a*b中的乘法运算符*,就是一个二元运算符.表达式-x中的-运算符就是一个一元运算符,是将操作数x求负值.最后,JavaScript支持一个三元运算符(ternary operator),条件判断运算符?:,它将三个表达式合并成一个表达式. 条件语句?(条件为真)执行语句A:(条件为假)执行语句B