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

每天一句:每個(gè)月要讀一本書,離開學(xué)校了,你還要經(jīng)常保持閱讀的習(xí)慣,大學(xué)時(shí)候,考前的通宵達(dá)旦,說明你具備快速學(xué)習(xí)的能力,不要讓這種能力鈍化。


一、標(biāo)識符&關(guān)鍵字&保留字

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


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


    保留字

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

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

基本數(shù)據(jù)類型:
  Number數(shù)值類型: 包含整數(shù)和浮點(diǎn)數(shù);
  Boolean布爾類型: 只有true或false兩個(gè)值;
  String字符串類型: 字符串變量必須用引號括住(單引號或雙引號);
  Undefined類型: 專門用來確定一個(gè)已經(jīng)創(chuàng)建但沒有初始值的變量;
  Null類型: 用于表明某個(gè)變量的值為空;
【注: 復(fù)雜數(shù)據(jù)類型Object;ECMAScript不支持任何創(chuàng)建自定義類型的機(jī)制,所有的值都以上6中數(shù)據(jù)類型之一】
  • typeof操作符
    typeof操作符是用來檢測變量的數(shù)據(jù)類型,對于值或變量使用typeof會返回字符串
  var num = 10;
  alert( typeof num );  // number
檢測變量的數(shù)據(jù)類型
  • Undefined類型

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

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

  • Null類型

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

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

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

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

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

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

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

  var test = null;
  alert( typeof test );

三、運(yùn)算符

  • 賦值運(yùn)算符'='
  // 將變量str賦值為HelloWorld
  var str = 'HelloWorld';
  • 一元運(yùn)算符
    只能操作一個(gè)值的運(yùn)算符即是一元運(yùn)算符;

    • 遞增'++'和遞減'- -'
      var box = 100;
      ++box; // 把box累加一個(gè)1,相當(dāng)于 box = box + 1 
      --box; // 把box累減一個(gè)1,相當(dāng)于 box = box - 1 
      box++; // 同上
      box--; // 同上
    
    • 前置和后置的區(qū)別
      沒有賦值操作,前置和后置是一樣的;
      有賦值操作符時(shí),前置運(yùn)算符會先加加(減減)操作再賦值;后置運(yùn)算符先賦值再加加(減減)操作;
        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
      
  • 算術(shù)運(yùn)算符(二元運(yùn)算符)

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

    • 等于(==): 如果前后兩個(gè)變量的值相等,則返回true
        // 判斷5是否等于'5'
        alert( 5 == '5' );    // true,JS支持自動(dòng)類型轉(zhuǎn)換,所以需要時(shí),會將字符串'5'轉(zhuǎn)為數(shù)值類型
      
    • 全等(===): 必須前后兩個(gè)變量的值相等,數(shù)據(jù)類型也相同,才會返回true
      // 判斷5是否全等于'5'
      alert( 5 === '5');  // false,因?yàn)閮蓚€(gè)數(shù)據(jù)類型不匹配
    
  • 邏輯運(yùn)算符

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

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

推薦閱讀更多精彩內(nèi)容