【JavaScript】核心語法之運算符

pakolagij 發(fā)布于2019-08-23 10:49 / 394人閱讀

摘要：賦值運算符賦值擴展運算符就是賦值運算符和算數(shù)之間配合使用，也是一種簡寫形式等價寫法賦值擴展運算符性能要比賦值運算符更高五。

運算符
一。算數(shù)運算符
1.算數(shù)運算符；

運算中一個或二個是字符串，js會自動轉(zhuǎn)換為數(shù)字，來計算，最后結(jié)果是為NaN

任何一個和NaN計算后都是結(jié)果都是NaN

布爾值false和true都會轉(zhuǎn)換為0和1來計算

var num = 100;
var str1 = "愛新覺羅";
var str2 = "200";
var boo = true;

var result1 = num + 300;
console.log(result1);// 400

var result2 = str1 + 300;
console.log(result2);
console.log(typeof result2);// string

var result3 = str2 + 300;
console.log(result3);// 200300
// 如布爾類型進行加法計算；將布爾類型轉(zhuǎn)換為數(shù)字值，再進行加法計算
var result4 = boo + 300;
console.log(result4);// 301

// 減法；先將其他類型轉(zhuǎn)換為number類型，再進行計算
var result5 = num - 100;
console.log(result5);// 0
// 如字符串進行減法計算；則字符串類型轉(zhuǎn)換為數(shù)字值，再進行減法
var result6 = str1 - 100;
console.log(result6);// NaN

var result7 = str2 - 100;
console.log(result7);// 100
// 如果布爾類型進行減法計算；則布爾類型轉(zhuǎn)換為數(shù)字值，再進行減法
var result8 = boo - 100;
console.log(result8);// -99

// 除法；一旦零是被除數(shù)；則無窮大

2.加法運算符；

如布爾類型進行加法計算；將布爾類型轉(zhuǎn)換為數(shù)字值，再進行加法計算

var num = 100;
var str1 = "愛新覺羅";
var str2 = "200";
var boo = true;

var result1 = num + 300;
console.log(result1);// 400

var result2 = str1 + 300;
console.log(result2);
console.log(typeof result2);// string

var result3 = str2 + 300;
console.log(result3);// 200300
// 如布爾類型進行加法計算；將布爾類型轉(zhuǎn)換為數(shù)字值，再進行加法計算
var result4 = boo + 300;
console.log(result4);// 301

3.減法運算符；

減法；先將其他類型轉(zhuǎn)換為number類型，再進行計算

var num = 100;
var str1 = "愛新覺羅";
var str2 = "200";
var boo = true;
var result5 = num - 100;
console.log(result5);// 0
// 如字符串進行減法計算；則字符串類型轉(zhuǎn)換為數(shù)字值，再進行減法
var result6 = str1 - 100;
console.log(result6);// NaN

var result7 = str2 - 100;
console.log(result7);// 100
// 如果布爾類型進行減法計算；則布爾類型轉(zhuǎn)換為數(shù)字值，再進行減法
var result8 = boo - 100;
console.log(result8);// -99

4.求余運算符；

用于計算兩個運算數(shù)整除后的余數(shù)

console.log(100 % 3);// 1
//求余運算符；獲取除法之后余數(shù)
console.log(8 % 4);// 0
console.log(100 % -3);// 1
//求余結(jié)果是正數(shù)還是負數(shù)，與第一操作數(shù)是正數(shù)或負數(shù)有關(guān)(與第二個操作數(shù)無關(guān))
console.log(8 % -4);// 0
console.log(-100 % 3);// -1
console.log(-8 % 4);// 0
console.log(-100 % -3);// -1
console.log("愛新覺羅" % 2);// NaN
//與減法的情況保持一致

5.自增運算符；

前置自增運算符；++變量名先自增，再賦值；后置自增運算符；變量名++先賦值，再自增

var num = 10;
console.log(num);//10

var result = ++num;
console.log(result);//11
console.log(num);//11

var result = num++;
console.log(result);//10
console.log(num);//11
/*自增運算符；操作變量的值
    每自增一次(+1)
  前置自增運算符；++變量名
    先自增，再賦值
  后置自增運算符；變量名++
    先賦值，再自增
 */

二。比較運算符
1.比較運算符；

檢查兩個運算數(shù)的值是否相等和大小

console.log(10 > 11);//false
console.log(11 > 10);//true
console.log(10 >= 10);//true
//number類型
console.log(true > false);//true
console.log(true > 0);//true
//boolean類型;將boolean類型轉(zhuǎn)換為number類型
console.log("a"< "b");//true
console.log("a"> "A");//true
console.log("abc" > "cba");//false
console.log("abc" > "acd");//false
/*string類型；1英文；2中文
* */
console.log("我" > "你");//true

2.相等與不等；

以相等(==)和(!=)運算符只比較操作數(shù)的值，不比較類型

console.log(10 == 10);// true
console.log(10 == 11);// false
// 1.number類型
console.log(true == true);// true
console.log(true == false);// false
// 2.boolean類型
console.log(true == 1);// true


console.log("a" == "a");// true
console.log("a" == "b");// false
// 3.string類型
console.log("100" == 100);// true
// 只比較值，而不比較類型
/*
    相等比較運算符
    * 與賦值運算符的區(qū)別
    * 賦值運算符(=)
    * 相等比較運算符(==)
    不等比較運算符
    * 符號是"!="
    * 不是"<>"
 */

3.全等與不全等；

以相等(===)和(!==)運算符只比較操作數(shù)的值，比較類型

console.log(10 === 10);// true
console.log("10" === 10);// false
console.log("10" == 10);// true
//全等和不全等；不僅比較值，比較類型

4.isNaN()函數(shù)；

用于判斷參數(shù)是否是NaN(不是數(shù)字值)

console.log(isNaN(100));
console.log(isNaN(Number("愛新覺羅")));
/*isNaN()函數(shù)
* 作用；判斷值是否為NaN
* true；表示值為NaN(不是個數(shù)值)
* false；表示值為NaN(不是個數(shù)值)
* */
var result = 100/0;
console.log(result);// Infinity
console.log(isFinite(result));// false
/*isFinite()函數(shù)
* 作用；判斷值是否無窮大
* false；表示值是無窮大
* true；表示值是有限數(shù)值
*/

三。邏輯運算符
1.邏輯運算符；
以&&邏輯與運算符如果兩個運算符，都是true，則返回true
以||邏輯與運算符如果兩個運算符，其中任何一個true，則返回true

2.邏輯與運算符
以&&邏輯與運算符如果兩個運算符，都是true，則返回true

console.log(true && true);// true
console.log(true && false);// false
console.log(false && true);// false
console.log(false && false);// false
/*
    將邏輯與運算符兩個操作數(shù)，轉(zhuǎn)換為布爾類型
    * 當左邊操作數(shù)為true，結(jié)果為右邊操作數(shù)的值
    * 當左邊操作數(shù)為false，結(jié)果為左邊操作數(shù)的值
 */
console.log(100 && 1);// 1
console.log(1 && 0);// 0
console.log(0 && 1);// 0
console.log(0 && 0);// 0

console.log(true && true);
console.log(true && false);
console.log(false && true);
console.log(false && false);

console.log("愛新覺羅" && "愛新覺羅");// 愛新覺羅
console.log("愛新覺羅" && "");// ""
console.log("" && "愛新覺羅");// ""
console.log("" && "");// ""

console.log("愛新覺羅" && 1);// 1
console.log(false && 0);// false

3.邏輯或運算符；

以&&邏輯與運算符如果兩個運算符，都是true，則返回true

console.log(true || true);// true
console.log(true || false);// true
console.log(false || true);// true
console.log(false || false);// false
/*
    將邏輯與運算符兩個操作數(shù)，轉(zhuǎn)換為布爾類型
    * 當左邊操作數(shù)為true時，結(jié)果為左邊操作數(shù)的值
    * 當左邊操作數(shù)為false時，結(jié)果為右邊操作數(shù)的值
 */
console.log(100 || 1);// 100
console.log(1 || 0);// 1
console.log(0 || 1);// 1
console.log(0 || 0);// 0

console.log(true || true);
console.log(true || false);
console.log(false || true);
console.log(false || false);

console.log("愛新覺羅" || "愛新覺羅");// 愛新覺羅
console.log("愛新覺羅" || "");// 愛新覺羅
console.log("" || "愛新覺羅");// 愛新覺羅
console.log("" || "");// ""

四。賦值運算符；

1.賦值擴展運算符；

就是賦值運算符和算數(shù)之間配合使用，也是一種簡寫形式

var b = 10, c = 20;
var a = b + c;
console.log(a);// 30

// b = b + c;
// 等價寫法；賦值擴展運算符性能要比賦值運算符更高
b += c;
console.log(b);// 30

五。條件運算符；
1.條件運算符；

判斷表達式是真和假，并判斷結(jié)果執(zhí)行其中2個給以指令得一個

var result = 9 > 8 ? "對" : "錯";
console.log(result);

var score = 90;
score < 95 ? console.log("優(yōu)秀") : console.log("及格");

2.條件運算符嵌套；

以每個表達式可以中一個條件運算表達式

var score = 55;
/*優(yōu)點，擴展了運算符本身的計算能力
* 最多不要多過三層嵌套*/
var result = score > 90 ? "優(yōu)秀" : (score > 80 ? "良好" : (score > 60 ? "及格" : "不及格"));
console.log(result);