【JavaScript】核心語法之運算符

pakolagij 發布于2019-08-23 10:49 / 393人閱讀

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

運算符
一。算數運算符
1.算數運算符；

運算中一個或二個是字符串，js會自動轉換為數字，來計算，最后結果是為NaN

任何一個和NaN計算后都是結果都是NaN

布爾值false和true都會轉換為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
// 如布爾類型進行加法計算；將布爾類型轉換為數字值，再進行加法計算
var result4 = boo + 300;
console.log(result4);// 301

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

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

// 除法；一旦零是被除數；則無窮大

2.加法運算符；

如布爾類型進行加法計算；將布爾類型轉換為數字值，再進行加法計算

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
// 如布爾類型進行加法計算；將布爾類型轉換為數字值，再進行加法計算
var result4 = boo + 300;
console.log(result4);// 301

3.減法運算符；

減法；先將其他類型轉換為number類型，再進行計算

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

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

4.求余運算符；

用于計算兩個運算數整除后的余數

console.log(100 % 3);// 1
//求余運算符；獲取除法之后余數
console.log(8 % 4);// 0
console.log(100 % -3);// 1
//求余結果是正數還是負數，與第一操作數是正數或負數有關(與第二個操作數無關)
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.比較運算符；

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

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類型轉換為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.相等與不等；

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

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
// 只比較值，而不比較類型
/*
    相等比較運算符
    * 與賦值運算符的區別
    * 賦值運算符(=)
    * 相等比較運算符(==)
    不等比較運算符
    * 符號是"!="
    * 不是"<>"
 */

3.全等與不全等；

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

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

4.isNaN()函數；

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

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

三。邏輯運算符
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
/*
    將邏輯與運算符兩個操作數，轉換為布爾類型
    * 當左邊操作數為true，結果為右邊操作數的值
    * 當左邊操作數為false，結果為左邊操作數的值
 */
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
/*
    將邏輯與運算符兩個操作數，轉換為布爾類型
    * 當左邊操作數為true時，結果為左邊操作數的值
    * 當左邊操作數為false時，結果為右邊操作數的值
 */
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.賦值擴展運算符；

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

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

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

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

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

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

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

2.條件運算符嵌套；

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

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

云服務器 GPU云服務器 java運算語法 javascript核心 javascript 語法 javascript語法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96709.html

【JavaScript】核心語法之數據類型

摘要：數據類型原始類型類型實為數字不區分整數和浮點類型整數類型包括負整數，和正整數浮點類型表示小數類型整數和浮點數小數或并不區分整數與浮點數變量的定義并初始化字面量或直接量定義數字值浮點類型是只該數值包含整數部分，小數部分，小數點和小數部分浮點類 JS(JavaScript) 數據類型； 1.原始類型； number類型；實為數字JS不區分整數和浮點類型；整數類型；包括負整數，0和正...

iflove 2019-08-23 11:32 評論0 收藏0
JavaScript 之核心語法 [ 數據類型 ]

摘要：數據類型數據類型表示數值的類型類型的分類原始類型類型數字類型類型分為整數和浮點數整數正整數負整數變量為數字類型整數顯示浮點數小數變量為數字類型浮點數顯示浮點數在小數點前面如果沒有數字，會被默認為在小數點前的數字為比如會顯示浮點數的數據類型數據類型 - 表示數值的類型類型的分類原始類型 number類型（數字類型） number類型分為整數和浮點數整數 - 正整數、0 、負...

luffyZh 2019-08-23 10:46 評論0 收藏0
JavaScript 闖關記

摘要：對象數組初始化表達式，闖關記之上文檔對象模型是針對和文檔的一個。闖關記之數組數組是值的有序集合。數組是動態的，根闖關記之語法的語法大量借鑒了及其他類語言如和的語法。《JavaScript 闖關記》之 DOM（下） Element 類型除了 Document 類型之外，Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現 XML 或 HTML 元素...

mj 2019-08-21 18:45 評論0 收藏0
JavaScript 之核心語法 [ 運算符 ]

摘要：算數運算符算數運算符表示對數據值進行計算加法運算符寫法加號類型的數據值，會正常進行計算類型的數據值，會先將類型轉換成類型，然后在進行計算類型的數據值，無法進行計算，他會將其他類型都轉換成類型，在進行字符串的拼接定義變量哦吼吼吼加法運算類算數運算符算數運算符 - 表示對數據值進行計算加法運算符 - 寫法：加號 + number類型的數據值，會正常進行計算 boolean類型的...

zhongmeizhi 2019-08-23 10:49 評論0 收藏0
《JavaScript 闖關記》之簡介

摘要：瀏覽器只是實現的宿主環境之一，其他宿主環境包括和。年月，版發布，成為國際標準。事件定義了事件和事件處理的接口。對于已經正式納入標準的來說，盡管各瀏覽器都實現了某些眾所周知的共同特性，但其他特性還是會因瀏覽器而異。 JavaScript 是面向 Web 的編程語言，絕大多數現代網站都使用了 JavaScript，并且所有的現代 Web 瀏覽器（電腦，手機，平板）均包含了 JavaScri...

baihe 2019-08-21 10:55 評論0 收藏0