1. 程式人生 > >JavaScript運算子(操作符)詳解(1)----基本運算子

JavaScript運算子(操作符)詳解(1)----基本運算子

一、一元操作符
1.遞增(++)遞減(–)操作符
遞增遞減操作符都和C語言一樣,分為前置型和後置型。兩者區別在於及時返回值不同;

var age = 18;
age++;   //19
age--;   //18
++age;   //19
--age;   //18
var age = 18;age = age-- +10;  //28  先加後減
var age = 18;age = --age +10;  //27  先減後加
var age = 18;age = age++ +10;  //28  先加後age加
var age = 18;age = ++age +10;  //29  先age+1 後表示式加

2.一元加和減操作符
+放在數值前面,對數值不會產生任何影響
-放在數值前面,對數值進行取反操作

二、位操作符
有以下幾種位運算子:

<< >>> & ^ |
這些在js實戰中不常用。因此只以左移和右移作為例子進行講解

var a = 10;
console.log(a.toString(2));    //把10用二進位制表示
console.log(a >> 2);
console.log(a << 2);

這裡寫圖片描述
結果如圖中所示,位運算是基於二進位制進行的。
a >> 2 計算過程為:1010 -> 0101 ->0010 (2)
a<< 2 計算過程為: 101000 (40)<- 10100 <- 1010

三、數學運算子
+、-、*、/、%(取餘)
+=、-=、*=、/=、%=
++、–(前面已經有寫過,不在解釋)

四、邏輯運算子
1、JS邏輯與運算子
格式 A&&B
如果 A的值為真,那麼就返回B的值
如果A的值為假,返回A的值。
小知識:0、”“、null、false、undefined、NaN都會判為false,其他都為true

2、JS邏輯或運算子
格式 A||B
如果 A的值為真,那麼就返回A的值
如果A的值為假,返回B的值。

3、邏輯非運算!
!A 如果A為真就變成假,如果是假就變成真

var a=2
,b=3; console.log(a&&b); //輸出:3 ,當然相當於true但不是trueconsole.log(a||b); //輸出:2 console.log(!a); //輸出:false

五、比較運算子
常用的有以下幾種:

< >+ <+ == = === != !==
比較運算子都較為簡單,不一一解釋
= 、==、===的區別如下
=:賦值;
==:判斷是否相等(變數型別可以不相等,會隱式轉換)
===:判斷全等(變數型別也要相等)

var a = "11",b=11;
console.log(a==b);  //true
console.log(a===b);  //false