JavaScript運算符有哪些及怎么使用

這篇“JavaScript運算符有哪些及怎么使用”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript運算符有哪些及怎么使用”文章吧。

運算符（operator）也被稱為操作符，是用于實現賦值、比較和執行算數運算等功能的符號。

JavaScript中常用的運算符有：

• 算術運算符

• 遞增和遞減運算符

• 比較運算符

• 邏輯運算符

• 賦值運算符

算術運算符

概念：算術運算使用的符號，用于執行倆個變量或值的算術運算。

console.log(1 + 1); //2
    console.log(1 - 1); //0
    console.log(1 * 1); //1
    console.log(1 / 1); //1
    console.log(4 % 2); //0

浮點數在算數運算里面會有誤差（避免直接參與運算）：

console.log(0.1 + 0.2); //0.30000000000000004

不能直接判斷倆個浮點數是否相等。

var num = 0.1 + 0.2;
    console.log(num == 0.3); //false

• 算術運算符優先級：先乘除后加減

• 可以使用%取余運算符來判斷一個數能否被整除

表達式和返回值：

由數字、運算符、變量等組成的式子我們稱為表達式。

表達式最終都會有一個結果返回給我們，我們稱為返回值。

遞增和遞減運算符

如果需要反復給數字變量添加或減去1，可以使用遞增（++）和遞減（--）運算符來完成。

繁瑣寫法：

var num = 1;
    num = num + 1;
    num = num + 1;
    console.log(num); //3

前置遞增運算符：

++寫在變量的前面

++num前置遞增就是自加1，類似于 num=num+1

var age = 10;
    ++age;
    console.log(age);//11 類似于age = age + 1

使用口訣：先自加，后返回值

console.log(age);
    var a = 10;
    console.log(++a + 10); //(10+1)+10=21

后置遞增運算符

++寫在變量的后面

num++后置遞增，就是自加1，類似于 num=num+1

var age = 10;
    age++;
    console.log(age);//11 類似于age = age + 1

使用口訣：先返回原值，后自加

var a = 10;
    console.log(a++ + 10); //10+10=20
    console.log(a); //11

區別總結

• 前置遞增和后置遞增運算符可以簡化代碼的編寫，讓變量的值+1比以前寫法更簡單。

• 單獨使用時，運行結果相同。

• 與其他代碼聯用時，執行結果會不同。

• 前置：先自加，后運算（先己后人）

• 后置：先原值運算，后自加（先人后己）

• 開發時，大多使用后置遞增/遞減，并且代碼獨占一行。例：num++;

練習：

var e = 10;
    var f = e++ + ++e; //1.e++=10 e=11  2.++e=12 f=10+12
    console.log(f); //22

比較運算符

概念：比較運算符（關系運算符）是倆個數據進行比較時所使用的運算符，比較運算后，會返回一個布爾值（true/false）作為比較運算的結果。

console.log(2 <= 5); //true
    console.log('岳澤以' = '個人博客'); //false
    console.log(17 == '17'); //true 默認轉換數據類型，字符串型轉換為數字型
    console.log(17 = '17'); //false 數據類型不同，要求值和數據類型一致

邏輯運算符

概念：邏輯運算符是用來進行布爾值運算的運算符，其返回值也是布爾值。后面開發中經常用于多個條件的判斷。

邏輯與

符號：&& 相對于and

兩側都為 true結果才是 true，只要有一側為 false，結果就為 false

console.log(3 > 5 && 3 > 2); //false
    console.log(3 < 5 && 3 < 7); //true

邏輯或

符號：||相當于or

倆側都為 false，結果才是 false，只要有一側為 true，結果就是 true

console.log(3 > 5 && 3 > 2); //false
    console.log(3 < 5 && 3 < 7); //true

邏輯非

符號：!相對于not

邏輯非也叫作取反符，用來取一個布爾值相反的值。

console.log(!true); //false
    console.log(!false); //true

短路運算（邏輯中斷）

短路運算的原理：當有多個表達式（值）時，左邊的表達值可以確定結果時，就不再繼續運算右邊的表達式的值。

邏輯與：

• 語法：表達式1 && 表達式2

• 如果第一個表達式的值為真，則返回表達上2

• 如果第一個表達式的值為假，則返回表達式1

console.log(123 && 456); //返回456，除了0以外的所有數字都為真。
    console.log(123 && 456 && 789); //返回789，依次后推
    console.log(0 && 456); //0

邏輯或：

• 語法：表達式1 || 表達式2

• 如果表達式1結果為真，則返回表達式1

• 如果表達式1結果為假，則返回表達式2

console.log(123 || 456); //123
    console.log(123 || 456 || 123 + 456); //123
    console.log(0 || 456 || 123 + 456); //456

注意：邏輯中斷會造成短路操作，即不執行后面的代碼，影響程序員的運行結果。

var num = 0;
    console.log(123 || num++); //邏輯中斷造成num++未執行
    console.log(num); //0

賦值運算符

概念：用來把數據賦值給變量的運算符

var num = 5;
    num += 10;
    console.log(num); //5+10=15
    num *= 3;
    console.log(num); //15*3=45

運算符優先級

• 一元運算符里的邏輯非優先級很高。

• 邏輯與比邏輯或優先級高

console.log(4 >= 6 || '我' != '你' && !(12 * 2 == 144) && true); //true
    /* 
    邏輯運算符分四段
    1.4 >= 6 得false
    2.'我' != '你'得true
    3.!(12 * 2 == 144)得ture
    4.true
    然后判斷邏輯與：2與3得true 3和4得true 
    再判斷邏輯或得：true
     */

以上就是關于“JavaScript運算符有哪些及怎么使用”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。