码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-09-02 21:53:30      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

 四.操作符

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

  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
0 true
false
null true
NaN true
undefined true

 

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

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

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

  圆括弧表示优先运算。

 

  5. 赋值操作符

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

  =简单赋值。

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

  以上两个用到的比较多。

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

  *=、/=和%=类似。

   

  6. 逗号

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

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

标签:

原文地址:http://www.cnblogs.com/djtao/p/5835602.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!