02、JavaScript-數(shù)據(jù)類型、運算符

每天一句:每個月要讀一本書,離開學校了,你還要經常保持閱讀的習慣,大學時候,考前的通宵達旦,說明你具備快速學習的能力,不要讓這種能力鈍化。


一、標識符&關鍵字&保留字

  • 標識符,就是變量、函數(shù)、屬性的名字,或者函數(shù)的參數(shù),標示符規(guī)則
  a、第一個字符必須是一個字母、下劃線(_)或美元符($);
  b、其他字符可以是字母、下劃線、美元符或數(shù)字;
  c、不能把關鍵字、保留字、true、false、null作為標識符;

  • 關鍵字是有特殊含義的,不能用作標示符

  • 保留字雖然還沒有特定用途,但它們很有可能在將來被用作關鍵字,所以不能作為標示符

二、數(shù)據(jù)類型

JavaScript是弱類型腳本語言,聲明變量時無需指定變量的數(shù)據(jù)類型,即是變量的數(shù)據(jù)類型是解釋時動態(tài)決定的,但JavaScript的值保存在內存中時,也是有數(shù)據(jù)類型的。

基本數(shù)據(jù)類型:
  Number數(shù)值類型: 包含整數(shù)和浮點數(shù);
  Boolean布爾類型: 只有true或false兩個值;
  String字符串類型: 字符串變量必須用引號括住(單引號或雙引號);
  Undefined類型: 專門用來確定一個已經創(chuàng)建但沒有初始值的變量;
  Null類型: 用于表明某個變量的值為空;
【注: 復雜數(shù)據(jù)類型Object;ECMAScript不支持任何創(chuàng)建自定義類型的機制,所有的值都以上6中數(shù)據(jù)類型之一】

  • typeof操作符
    typeof操作符是用來檢測變量的數(shù)據(jù)類型,對于值或變量使用typeof會返回字符串
  var num = 10;
  alert( typeof num );  // number

  • Undefined類型

    • Undefined類型只有一個值,即是特殊的undefined,在使用var聲明變量,但沒有對其初始化時,變量的值就是為undefined,這個值主要的目的是為了比較的
      var a;
      alert(a);  // undefined
    
    
    • 對于未初始化的變量與根本不存在的變量(未聲明的變量是不一樣的)
      var num;    
      alert(num);  // undefined
      alert(age); // ReferenceError: age is not defined
    
    

    注: typeof num和typeof age都返回的是undefined。但在邏輯上,它們的值,一個是undefined,一個是報錯;但它們的類型都是undefined,所以定義變量時,盡可能的不要只聲明不賦值!

  • Null類型

    • Null類型只有一個值,即特殊值null,它表示變量的值為空或空對象引用,而typeof操作符檢測null會返回object
      var box = null;
      alert(typeof box);  // object
    
    
    • undefined是派生自null的,因此它們的相等性測量返回的是true
      if( null == undefined ) // true
    
    

注意: undefined與null之間的差別比較微妙,undefined表示沒有初始值,而null表示變量有值的,只是其值為null!!

  • Boolean類型

    • Boolean類型只有兩個值: true和false,但true不一定等于1,false不一定等于0;另外JS區(qū)分大小寫的,True和False或其他都不是Boolean類型的值
      var box = true;
      alert(typeof box);  // boolean
    
    
    • 雖然Boolean類型的字面量只有true和false兩種,但所有類型的值都有與這個兩個Boolean值等價的值。要將一個值轉換為其對應的Boolean值,可以使用轉型函數(shù)Boolean()
      var hello = 'hello world!';
      // 強制性轉換
      var helloB = Boolean(hello);
      alert(helloB);  // true 
    
      // 隱式轉換
      if(hello){
        alert('條件為true在這里');  // 執(zhí)行這條語句
      } else {
        alert('條件為false在這里');
      }
    
    
  • Number類型
    Numer類型包括兩種數(shù)值: 整形和浮點型。

    • 最基本的數(shù)值字面量是十進制整數(shù)
      var num1 = 100;     // 十進制整數(shù)
    
    
    • 八進制字面量(以8為基數(shù)),前導必須是0,八進制序列(0~7)
      var num2 = 070; // 八進制
      var num3 = 079; // 無效八進制,自動解析為79
      var num4 = 08;   // 無效八進制,自動解析為8
    
    

    【注意: 八進制數(shù)并不是所有的瀏覽器都支持的】

    • 十六進制字面量,前面必須是0x,后面是(09和af)
      var box = 0xA; // 十六進制,10
      var box = 0x1f; // 十六進制,31
    
    
    • 浮點型,就是該數(shù)值中必須包含一個小數(shù)點
      var box = 3.8;
      var box = 0.8;
    
    
    • NaN,即非數(shù)值(Not a Number)是一個特殊的值,這個數(shù)值用于表示一個本來要返回數(shù)值的操作,未返回數(shù)值的情況(這就不會導致代碼錯誤而終止程序,因此不會影響程序執(zhí)行);0除以0,或者以Infinity(正無窮大)執(zhí)行算術運算都會產生NaN的結果
      var box = 0 / 0;        // NaN
      var box = 12 / 0;     // Infinity
      var box = 12 / 0 * 0;   // NaN
    
    

    注意: NaN不與任何值相等!!

    • isNaN()函數(shù),用來判斷這個值到底是不是NaN【注: 將內容轉換為數(shù)值】
      alert(isNaN(NaN));  // true
      alert(isNaN(25));   // false, 25是一個數(shù)值
      alert(isNaN('25'));  // false,‘25’是一個字符串數(shù)值,可以轉為數(shù)值
      alert(isNaN('Lee')); // true,‘Lee’不能轉為數(shù)值
      alert(isNaN(true));  // false,true可以轉為數(shù)值1 
    
    
    • Number()函數(shù),將非數(shù)值轉為數(shù)值,可以用于任何類型(不能轉為數(shù)值,即是NaN)
      alert(Number(true));            // 1,Boolean類型true和false分別對應1和0
      alert(Number(25));          // 25,數(shù)值類型直接返回
      alert(Number(null));            // 0,空對象返回0
      alert(Number(undefined));   // NaN,undefined返回NaN
    
      // 其實就是將雙引號去除,判斷是否為數(shù)值
      // 字符串1,只包含數(shù)值的字符串,會直接轉成成十進制數(shù)值,如果包含前導0,即自動去掉
      alert(Number('456'));   // 456
      alert(Number('070'));   // 70
      alert(Number('0x1f'));       // 十六進制轉為十進制即31
    
      // 字符串2,只包含浮點數(shù)值的字符串,會直接轉成浮點數(shù)值,如果包含前導和后導 0,即自動去掉
      alert(Number('08.90')); //8.9    
    
      // 字符串3,如果字符串是空,那么直接轉成0
      alert(Number('')); // 0
    
      // 字符串4,如果不是以上三種字符串類型,則返回NaN
      alert(Number('Lee123')); //NaN
      alert(Number('123aa'));  //NaN
    
    
    • parseInt()取整函數(shù),對于Number()函數(shù)在轉換字符串時比較復雜也不夠合理,所以更多會使用到parseInt(),從第一位解析到非整數(shù)位置
      alert(parseInt('456Lee'));  // 456,會返回整數(shù)部分
      alert(parseInt('Lee456Lee'));  // NaN,如果第一個不是數(shù)值,就返回 NaN
      alert(parseInt('12Lee56Lee')); // 12,從第一數(shù)值開始取,到最后一個連續(xù)數(shù)值結束
      alert(parseInt('56.12'));    // 56,小數(shù)點不是數(shù)值,會被去掉
      alert(parseInt(''));           // NaN,空返回 NaN
    
    
    • parseFloat()函數(shù),用于浮點數(shù)值轉換的,和parseInt()一樣,從第一位解析到非浮點數(shù)位置
      alert(parseFloat('123Lee'));    // 123,去掉不是別的部分
      alert(parseFloat('123.4.5'));   // 123.4,只認一個小數(shù)點
      alert(parseFloat('0123.400')); // 123.4,去掉前后導
    
    
  • String類型
    String可以用雙引號或單引號表示。

    • toString()函數(shù),可以把值轉為字符串
      var box1 = 11;
      alert(typeof box1.toString());  // string
      var box2 = true;
       alert(typeof box2.toString()); // string
    
    
    • toString()一般是不需要傳參,但在數(shù)值轉為字符串時,可以傳遞進制參數(shù)
      var box = 10;
      alert(box.toString());      // 10,默認十進制輸出
      alert(box.toString(2));       // 1010,二進制輸出
      alert(box.toString(8));       // 12,八進制輸出
      alert(box.toString(10));     // 10,十進制輸出
      alert(box.toString(16));      // a,十六進制輸出
    
    
  • Object類型

  var test = null;
  alert( typeof test );

三、運算符

  • 賦值運算符'='
  // 將變量str賦值為HelloWorld
  var str = 'HelloWorld';

  • 一元運算符
    只能操作一個值的運算符即是一元運算符;

    • 遞增'++'和遞減'- -'
      var box = 100;
      ++box; // 把box累加一個1,相當于 box = box + 1 
      --box; // 把box累減一個1,相當于 box = box - 1 
      box++; // 同上
      box--; // 同上
    
    
    • 前置和后置的區(qū)別
      沒有賦值操作,前置和后置是一樣的;
      有賦值操作符時,前置運算符會先加加(減減)操作再賦值;后置運算符先賦值再加加(減減)操作;

        var box = 100;
        var age = ++box;         // age值為101,前置即是先執(zhí)行加加操作,再賦值
        var height = box++;       // height值為100,后置即是先賦值,再執(zhí)行加加操作
      
        var a = 10;
        var b = a++ + 6;      
        alert(b);         // 16
      
        var e = 10;
        var f = ++e + 6;  
        alert(f);         // 17
      
      
  • 算術運算符(二元運算符)

    • 加法運算符 '+'
    • 減法運算符 '-'
    • 乘法運算符 '*'
    • 除法運算符 '/'
    • 取余(求模) '%'
  • 關系運算符(二元運算符)
    小于(<)、大于(>)、小于等于(<=)、大于等于(>=)、等于(==)、不等于(!=)、全等(恒等)(===)

    • 等于(==): 如果前后兩個變量的值相等,則返回true

        // 判斷5是否等于'5'
        alert( 5 == '5' );    // true,JS支持自動類型轉換,所以需要時,會將字符串'5'轉為數(shù)值類型
      
      
    • 全等(===): 必須前后兩個變量的值相等,數(shù)據(jù)類型也相同,才會返回true

      // 判斷5是否全等于'5'
      alert( 5 === '5');  // false,因為兩個數(shù)據(jù)類型不匹配
    
    
  • 邏輯運算符

    • 邏輯與 &&(并且): 必須所有條件都為true,才返回true,否則返回false
      alert( 5>4 && 10>8 );   // true,條件5>4成立,條件10>8成立,返回true
    
    
    • 邏輯或 ||(或者): 只要有一個條件為true,就可以返回true,否則返回false
      alert( 5>4 || 10<8 );   // true,條件5>4成立,雖然10<8不成立,但還是返回true
    
    
    • 邏輯非 !: 只操作一個操作數(shù),如果操作數(shù)是true,則返回false;如果操作數(shù)是true,則返回false
      alert( !false );    // true
    
    
  • 三目運算符
    三目運算符其實就是if...else...的簡寫操作

// 先執(zhí)行判斷操作,如果true執(zhí)行第二部分代碼,false執(zhí)行第三部分代碼
3 > 1 ? alert('3是大于1的') : alert('3是小于1的');  

作者:西門奄
鏈接:http://www.lxweimin.com/u/77035eb804c3
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯(lián)系作者獲得授權并注明出處。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,030評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,310評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,951評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,796評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,566評論 6 407
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,055評論 1 322
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,142評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,303評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 48,799評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,683評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,899評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,409評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,135評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,520評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,757評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,528評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,844評論 2 372