首頁 > web前端 > js教程 > 主體

js運算子有哪些? js運算子的詳細介紹

不言
發布: 2018-10-23 15:52:20
轉載
4345 人瀏覽過

本篇文章帶給大家的內容是關於js運算子有哪些? js運算子的詳細介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

javascript 基礎運算子分為:算術運算子、賦值運算子、關係運算子、邏輯運算子;接下來詳細講解著幾種運算子的掌握方法;

(一)算術運算子

 1,算術運算子依運算子兩邊操數的不同可以分為:一元運算子、二元運算子、三元運算子;

 2.依功能不同又分為:(加號)、 —(減號)、(乘號)、/(除號)和%(取餘運算); 

1-1 .一元運算子;

(自增)、- -(自減);

當運算子後置:不出現賦值的時候,執行自增自減運算;出現賦值的時候,先賦值,再運算。

當運算子前置:不出現賦值的時候,執行自增自減運算;出現賦值的時候,要先運算,再賦值。     運算子後置範例;

var a=3;
a++;
consonle.log(a)//值为4
 var a=3;
    var b=4;
     a--;
     b--;     
    var c=a+b;//2+3
    console.log(c);//5
var a=3;
var b=4;
a++;
b++;
var c=(a+b);//4+5
consonloe.log(c);//c的值为9
   var a=3;
    var b=4;
    var c=(a++)+a+(b++)+b;//3+4+4+5
    console.log(c);//16
 var a=3;
    var b=4; 
    var c=(a--)+a+(a++)+(b++)+b+(b--);//3+2+2+4+5+5
    console.log(c);//21
登入後複製

運算子前置範例;

 var b=4;
 --a;//2
 ++b;//5
 console.log(a,b);//  2  5
 var a=3;
 var b=4;
 var c=--a+b;//2+4  运算符前置 先运算 再赋值。
 console.log(c);//6
 var a=3;
 var b=4;
 var c=--a+--b;//2+3 
 console.log(c);//5
登入後複製

前後置綜合使用;

    var a=3;
     var b=4;
     var c=(--a)+(--b)+(b++);//2+3+3 
     console.log(c);//8
登入後複製
這裡解釋一下:我們先把它分開運算;

(--a)=2;運算子前置,先運算再賦值;

(--b)=3:同(--a);

(b )=3;是不是很多同學都會把它算成等於4或5,我們要這樣理解(--b)以及把b的值轉換為了3,所以(b )括號中的b 其實是等於3的(b )運算後的確等於4 ,但是看清了它是運算子後置,所以在讓它與其它數值相加時,它的值為3.


#再來看下一個例子;

     var a=5;
     var b=6;
     var c=(a++)+(b--)+(--a)-(--b);//5+6+5-4
     console.log(c);//12
登入後複製

(a )  5

(b--)    6  這兩個皆為運算子後置所以還是各自的值;

(--a)  5 因為前面已經運算過(a )的值為6  這個運算子在前面,所以先運算在賦值;

(--b) 4   由(b--)傳遞下來的值為5   運算子在前運算再賦值所以最後為4;

(二)賦值運算子   「=」很好理解的一個運算子;

var a=251;賦予語句一個值;

關係運算子;

(大於) 、 ==(等於)、<(小於)、 >=(大於等於)、<=(小於等於)、! =(不等於)、===(真等於,全等)、 =....

關係運算子的運算結果為布林類型:true(真)、false(假);

、< ;、==、>=、=<都是用來比較數值類型的和數字字串的比較方式和演算法相同;每個關係運算子都會傳回一個布林值;
  var a="3";
   var b="5";
   var c=a<b;
   console.log(c);//true
   var a=5;
   var b=8;
   var c=a<b;
   console.log(c);//true
登入後複製

字母類型的字符字串也可以用大於小於來比較;

  var a="alpha";
     console.log(a,typeof a);
     var b="blue";
     console.log(b,typeof b);
        var c=a<b;
     console.log(c,typeof c);//true
登入後複製

"a" 的碼位值97

"b"的碼位值為98

"b"的碼位值為98###依照 ASCII 字元順序進行升序排列;#######== 可以用來比較數值和數字類型的字串;例如;###
   var b='5';
   var c=a==b;
   console.log(c);//true
登入後複製
###=== 比==更高級一些  是真等兩個類型的無法比較例如;###
 var a=5;
   var b='5';
   var c=a===b;
   console.log(c);//false
登入後複製
######(三)邏輯運算子;輸出結果為布林(boolean)類型;#########邏輯運算子再分為三類;邏輯或      | |  ;邏輯與     &&; 邏輯非     ! ; ######1.邏輯或 || :當兩邊的表達式運算結果有一個為真(true);則結果為真,若兩邊均為假 肯定還是假的了。 ######範例;###
      var a=3,b=4;
      var c=a>b||a<b;
      console.log(c);//true 有一侧结果为真 真个运算结果为真。
      var a=5,b=8;
      var c=a>b||a<4;
      console.log(c);//false  两边运算结果均为假 则输出结果为假 
 var a=5,b=8;
      var c=a<b||a>4;
      console.log(c);//true 两边运算结果均为真 则输出结果为真
登入後複製
###2.邏輯與&&:僅當運算子兩邊結果皆為真的時候運算結果才為真,######範例;###
      var a=5,b=8;
      var c=a<b&&a>4;
      console.log(c);//true  两边运算结果均为真 输出结果才为真
      var a=5,b=8;
      var c=a>b&&a>4;
      console.log(c);//false  两边运算结果有一侧为假 则输出结果为假
      var a=5,b=8;
      var c=a<b&&a>4;
      console.log(c);//false  两边运算结果有一侧为假 则输出结果为假
登入後複製
###3.邏輯非! ;取相反的輸出結果;######範例; 這個和上方範例一樣 加個!變成邏輯非 取相反的 值###
      var a=5,b=8;
      var c=!a<b&&a>4;
      console.log(c);//true
登入後複製
######

以上是js運算子有哪些? js運算子的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板