首页 > 代码库 > 第三章 基本概念(第三部分:操作符)

第三章 基本概念(第三部分:操作符)

 四.操作符

  操作符包括算数、位操作符关系操作符和相等操作符。位操作符暂时不看。

  1.算术运算

  加减乘除四则运算。和数学书讲的一样。

  %取模:本质上就是取触发余数

  如:12%5结果为2。可以用来判断奇数偶数。

  【案例1】表格一行灰一行白。HTML架构如下:

    <ul id="ul1">        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>    </ul>

  js部分:

    window.onload=function  () {        var oUl=document.getElementById(‘ul1‘);        var aLi=oUl.getElementsByTagName(‘li‘);        for (var i = 0; i < aLi.length; i++) {            if(i%2==0){//取偶数                aLi[i].style.background=‘#f5f5f5‘;            }        };    }

  偶数行为灰色。

技术分享

  【案例二】时间换算呈现

  在js中,n秒=n/60分+n%60秒

var n=1989;alert(parseInt(n/60)+‘min‘+n%60+‘s‘)

输出为

 技术分享

 

  2. 递增和递减操作符

  var age=29;

  ++age;

  等价于age=age+1。前置递减(--age)跟此类似。前置操作符先计算第二句,再带入第一句。后置操作符反之。

 

  3.关系比较

  (1)< 、>、<=、>=和数学定义完全一样。操作结果将返回一个布尔值。

  (2)相等(==)一般会把两个数据转换为相似的数据类型后再进行比较(隐性转换),比如55=="55"。再比如null==undefined返回的是true,null===undefined返回的是false,因为二者数据类型不一样。

  (3)===全等:更加严苛的相等。55!==="55"

  !=隐性转换类型后比较

  !==不转换直接比较

  注意:=是赋值操作符,不是比较符。

 

  4.布尔操作符

  逻辑非(!)

  取反,联系Boolean()函数,以下的判断都是成立的。

对象false
空字符串true
字符串false
0true
false
nulltrue
NaNtrue
undefinedtrue

 

  &&与:必须同时成立。才为true。

  ||或:多个条件其中一个条件成立,就为true。

  !否:取反。alert(!true)结果为false.

  圆括弧表示优先运算。

 

  5. 赋值操作符

  实际上是各种赋值的简写。主要目的是简化赋值操作,使用它们不会带来任何性能上的提升。

  =简单赋值。

  +=:i+=2意思是i=i+2。

  以上两个用到的比较多。

  -=:i-=2意思是i=i-2。

  *=、/=和%=类似。

   

  6. 逗号

  逗号表示分隔,用于在一行完成多个操作。

第三章 基本概念(第三部分:操作符)