首页 > 代码库 > 第三章 基本概念(第三部分:操作符)
第三章 基本概念(第三部分:操作符)
四.操作符
操作符包括算数、位操作符关系操作符和相等操作符。位操作符暂时不看。
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. 逗号
逗号表示分隔,用于在一行完成多个操作。
第三章 基本概念(第三部分:操作符)