淺談javaScript各大運算符

lykops 發布于2019-08-23 10:48 / 717人閱讀

摘要：除法大前端數字類型與字符串除法運算，同樣會先將字符串轉為數字類型再做算術運算，同樣與布爾類型做算術運算，也是先把布爾類型轉換為數字類型再做算術運算，但是遇到字符串里包含有英文或者中文將會得到結果。

算數運算符

包含+、-、*、/、%,下面通過代碼示例來給大家進行演示一下;
加法：

var num=100;
var str1="大前端";
var str2="300";
var boo=true;
console.log(num+str1);//100
console.log(num+str2);//100300
console.log(num+boo);//101
console.log(str2+boo);//300true

字符串作為加法運算會默認為字符串拼接，但是數字類型與布爾類型做加法運算，布爾類型會自己先轉換為數字，再進行算數運算。

減法：

var num=100;
var str1="大前端";
var str2="300";
var boo=true;
console.log(num-str1);//NaN
console.log(num-str2);//-200
console.log(num-boo);//99
console.log(str2-boo);//299

數字類型與字符串做減法運算，這時候字符換會轉換為數字類型，再做算數運算，如果字符串類型的內容包含文字或英文，那么得到的結果將是NaN，NaN不管與什么做算術運算都是NaN，數字類型與布爾類型做減法算術運算，同樣布爾類型也會自動轉換為數字類型在進行算術運算。

乘法：

var num=100;
var str1="大前端";
var str2="300";
var boo=true;
console.log(num*str1);//NaN
console.log(num*str2);//30000
console.log(num*boo);//100
console.log(str2*boo);//300

數字類型與字符串乘法運算，會將字符串先轉換為數字類型再做算術運算，如果數字類型與布爾類型做運算，那么布爾值同樣也會先轉換為數字類型才進行算術運算，但是遇到字符串里包含有英文或者中文將會得到結果NaN。

除法：

var num=100;
var str1="大前端";
var str2="300";
var boo=true;
console.log(num/str1);//NaN
console.log(num/str2);//0.3333333333333333
console.log(num/boo);//100
console.log(str2/boo);//300

數字類型與字符串除法運算，同樣會先將字符串轉為數字類型再做算術運算，同樣與布爾類型做算術運算，也是先把布爾類型轉換為數字類型再做算術運算，但是遇到字符串里包含有英文或者中文將會得到結果NaN。

模運算：

var num=100;
var str1="大前端";
var str2="300";
var boo=true;
console.log(num%str1);//NaN
console.log(num%str2);//100
console.log(num%boo);//0
console.log(str2%boo);//0請輸入代碼

數字類型與字符串做模運算，首先會把字符串類型轉換為數字類型再進行算術運算，同樣遇到布爾類型，會先把布爾類型轉換為數字類型再做算數運算，如果字符串包含中文或者英文，會返回NaN。

自增運算符

前++ 變量名稱：先自增再賦值

var n=10;
var res=++n;
console.log(res);//11
console.log(n);//11

后++ 變量名稱：先賦值再自增

var n=10;
var res=n++;
console.log(res);//10
console.log(n);//11

比較運算符

包含：>、<、>=、<=、!=、!==、===、==

//number類型
console.log(10 > 11);// false
console.log(11 > 10);// true
//boolean類型,boolean類型轉換為number類型
console.log(true > false);// true
console.log(true > 0);// true
/*string類型 - a.英文；b.中文
  英文或中文,將文本轉換成 Unicode 碼 - 對應具有數字值
  英文單詞,從左至右的依次比較字母 Unicode 碼的大小
  */
console.log("a" < "b");// true
console.log("abc" > "cba");// false
console.log("我" > "你");// true
//number類型
console.log(10 == 10);// true
console.log(10 == 11);// false
//boolean類型
console.log(true == true);// true
console.log(true == false);// false
//string類型
console.log("a" == "a");// true
console.log("a" == "b");// false
// 只比較值不比較類型
console.log("100" == 100);// true
/*相等比較運算符
  與賦值運算符的區別
  賦值運算符(=)
  相等比較運算符(==)
  不等比較運算符
  符號是"!="
  不是"<>"
*/
// 全等與不全等 - 不僅比較值，還比較類型
console.log(10 === 10);// true
console.log("10" === 10);// false
console.log("10" == 10);// true

比較運算符

邏輯與:&&

console.log(true && true);// true
console.log(true && false);// false
/*邏輯與運算，只要有一個為false，那么就為false，只有兩個都為true，結果才為true
*/
console.log(100 && 1);// 1
console.log(1 && 0);// 0
console.log(true && true);
console.log(true && false);
console.log("" && "前端");// ""
console.log("" && "");// ""

邏輯或：||

console.log(false || true);// true
console.log(false || false);// false
/*
    邏輯或，只要有一個為true，就為true
 */
console.log(100 || 1);// 100
console.log(1 || 0);// 1
console.log(true || true);
console.log(true || false);
console.log("" || "前端");// 前端
console.log("" || "");// ""

條件運算符

var total = 30 > 20 ? "貴了" : "便宜";
console.log(total);//貴了

var total = 95;
score > 90 ? console.log("太貴了") : console.log("便宜了");

嵌套條件運算符

var total = 55;
/*嵌套條件運算符
  優點:擴展了條件運算符本身的計算能力
  缺點:可讀性比較差,性能隨著嵌套的層級越多越差
  最多不要超過三層嵌套
*/
var result = total > 90 ? "太貴了" : (total > 80 ? "貴了" : (total > 60 ? "便宜" : "太便宜了"));
console.log(result);//太便宜了

GPU云服務器云服務器淺談javascript javascript運算符 javascript位運算符大運維

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

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

淺談JS中的數據類型

摘要：中的每一個值，都是一種數據，屬于一種數據類型。數值的數值有許多種表示類型。對象這是中最核心的概念，也是最復雜的數據類型。對象的每一個鍵名又稱為屬性，它的鍵值可以是任何數據類型。特例函數返回，但是我們要注意并沒有這一數據類型。 JS中的數據類型。什么是數據類型？和我們平時交流一樣一樣。什么是漢字，什么是拼音，什么是標點符號，什么又是現在流行的表情包？類型，可以是語言的分類，也一定是理解...

lufficc 2019-08-23 14:09 評論0 收藏0
淺談邏輯運算符&&（與）和 ||（或）

我有一群奇形怪狀的小伙伴，總會問我一些奇形怪狀的問題。昨天有一個叫周三胖（因崇拜某國領導人以及結合其個人特點所以姓周，號三胖⊙﹏⊙）的朋友，向我發了這么一張圖片：showImg(https://segmentfault.com/img/bVPFiz?w=1148&h=96); 兄弟，上面那幾句什么意思？呔！三胖休得坑貧道。老衲不會！大哥，我是真不會，求講解？ %#@！#￥& ..... 經過...

xiyang 2019-08-20 17:28 評論0 收藏0
淺談邏輯運算符&&（與）和 ||（或）

我有一群奇形怪狀的小伙伴，總會問我一些奇形怪狀的問題。昨天有一個叫周三胖（因崇拜某國領導人以及結合其個人特點所以姓周，號三胖⊙﹏⊙）的朋友，向我發了這么一張圖片：showImg(https://segmentfault.com/img/bVPFiz?w=1148&h=96); 兄弟，上面那幾句什么意思？呔！三胖休得坑貧道。老衲不會！大哥，我是真不會，求講解？ %#@！#￥& ..... 經過...

RdouTyping 2019-08-29 12:48 評論0 收藏0
淺談邏輯運算符&&（與）和 ||（或）

我有一群奇形怪狀的小伙伴，總會問我一些奇形怪狀的問題。昨天有一個叫周三胖（因崇拜某國領導人以及結合其個人特點所以姓周，號三胖⊙﹏⊙）的朋友，向我發了這么一張圖片：showImg(https://segmentfault.com/img/bVPFiz?w=1148&h=96); 兄弟，上面那幾句什么意思？呔！三胖休得坑貧道。老衲不會！大哥，我是真不會，求講解？ %#@！#￥& ..... 經過...

cnTomato 2019-08-01 17:01 評論0 收藏0
淺談面向對象的javascript幾個特性

摘要：中的和是一門很靈活的語言，尤其是。即然是面向對象的編程語言，那也是不可或缺的。在中，永遠指向的是他的調用者。定義是存在于實例化后對象的一個屬性，并且指向原對象的屬性。我們在擴展的時候，同時父類也會有對應的方法，這很顯然是一個很嚴重的問題。 javascript中的this和new javascript是一門很靈活的語言，尤其是function。他即可以以面向過程的方式來用，比如： f...

JayChen 2019-08-20 18:23 評論0 收藏0