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

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

運算符（operator）也被稱為操作符，是用于實現(xiàn)賦值、比較和執(zhí)行算數(shù)運算等功能的符號。

JavaScript中常用的運算符有：

• 算術(shù)運算符

• 遞增和遞減運算符

• 比較運算符

• 邏輯運算符

• 賦值運算符

算術(shù)運算符

概念：算術(shù)運算使用的符號，用于執(zhí)行倆個變量或值的算術(shù)運算。

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

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

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

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

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

• 算術(shù)運算符優(yōu)先級：先乘除后加減

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

表達(dá)式和返回值：

由數(shù)字、運算符、變量等組成的式子我們稱為表達(dá)式。

表達(dá)式最終都會有一個結(jié)果返回給我們，我們稱為返回值。

遞增和遞減運算符

如果需要反復(fù)給數(shù)字變量添加或減去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

區(qū)別總結(jié)

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

• 單獨使用時，運行結(jié)果相同。

• 與其他代碼聯(lián)用時，執(zhí)行結(jié)果會不同。

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

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

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

練習(xí)：

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

比較運算符

概念：比較運算符（關(guān)系運算符）是倆個數(shù)據(jù)進(jìn)行比較時所使用的運算符，比較運算后，會返回一個布爾值（true/false）作為比較運算的結(jié)果。

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

邏輯運算符

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

邏輯與

符號：&& 相對于and

兩側(cè)都為 true結(jié)果才是 true，只要有一側(cè)為 false，結(jié)果就為 false

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

邏輯或

符號：||相當(dāng)于or

倆側(cè)都為 false，結(jié)果才是 false，只要有一側(cè)為 true，結(jié)果就是 true

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

邏輯非

符號：!相對于not

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

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

短路運算（邏輯中斷）

短路運算的原理：當(dāng)有多個表達(dá)式（值）時，左邊的表達(dá)值可以確定結(jié)果時，就不再繼續(xù)運算右邊的表達(dá)式的值。

邏輯與：

• 語法：表達(dá)式1 && 表達(dá)式2

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

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

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

邏輯或：

• 語法：表達(dá)式1 || 表達(dá)式2

• 如果表達(dá)式1結(jié)果為真，則返回表達(dá)式1

• 如果表達(dá)式1結(jié)果為假，則返回表達(dá)式2

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

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

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

賦值運算符

概念：用來把數(shù)據(jù)賦值給變量的運算符

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

運算符優(yōu)先級

• 一元運算符里的邏輯非優(yōu)先級很高。

• 邏輯與比邏輯或優(yōu)先級高

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
     */

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