zoukankan      html  css  js  c++  java
  • 第三章 基本概念(第三部分:操作符)

     四.操作符

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

      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. 逗号

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

  • 相关阅读:
    认识CSS样式/CSS样式的优势
    form表单中的label标签
    使用提交按钮,提交数据/使用重置按钮,重置表单信息
    使用下拉列表框,节省空间
    (七十)Xcode5及以上对于状态栏和导航栏样式的设定方法
    (六十九)使用block进行消息传递
    1039. Course List for Student (25)
    (六十八)使用XMPPFramework登录
    (六十七)Xcode导入XMPPFramework框架
    (六十六)TableView内容超过一屏时滚动到屏幕底部的方法
  • 原文地址:https://www.cnblogs.com/djtao/p/5835602.html
Copyright © 2011-2022 走看看