#第四章數據類型
講師:_無腦碼農(張磊)_
博客:http://www.h5code.com
課程內容:
[TOC]
* * * * *
>ECMAScript 中有5種簡單數據類型:Undefined、Null、Boolean、Number 和String。還有一種復雜數據類型——Object。ECMAScript不支持任何創建自定義類型的機制,所有值都成為以上6種數據類型之一。
###1.>typeof 操作符
>typeof 操作符是用來檢測變量的數據類型。對于值或變量使用typeof 操作符會返回如下字符串。
| 字符串|描述|
| -- | -- |
| undefined| 未定義|
| boolean| 布爾值 |
| string| 字符串 |
| number | 數值 |
| object | 對象或null |
| function | 函數 |
~~~
var box = '無腦碼農';
alert(typeof box);
alert(typeof '無腦碼農');
~~~
>typeof 操作符可以操作變量,也可以操作字面量。雖然也可以這樣使用:typeof(box),但,typeof 是操作符而非內置函數。PS:函數在ECMAScript 中是對象,不是一種數據類型。所以,使用typeof 來區分function 和object 是非常有必要的。
###2.>Undefined 類型
>Undefined 類型只有一個值,即特殊的undefined。在使用var聲明變量,但沒有對其初始化時,這個變量的值就是undefined。
~~~
var box;
alert(box);
~~~
*PS:我們沒有必要顯式的給一個變量賦值為undefined,因為沒有賦值的變量會隱式的(自動的)賦值為undefined;而undefined主要的目的是為了用于比較,ECMAScript第3版之前并沒有引入這個值,引入之后為了正式區分空對象與未經初始化的變量。*
>未初始化的變量與根本不存在的變量(未聲明的變量)也是不一樣的。
~~~
var box;
alert(age); //age is not defined
~~~
*PS:如果typeof box,typeof age都返回的undefined。從邏輯上思考,他們的值,一個是undefined,一個報錯;他們的類型,卻都是undefined。所以,我們在定義變量的時候,盡可能的不要只聲明,不賦值。*
###3.>Null 類型
>Null 類型是一個只有一個值的數據類型,即特殊的值null。它表示一個空對象引用(指針),而typeof 操作符檢測null 會返回object。
~~~
var box = null;
alert(typeof box);
~~~
>如果定義的變量準備在將來用于保存對象,那么最好將該變量初始化為null。這樣,當檢查null值就知道是否已經變量是否已經分配了對象引用了。
~~~
var box = null;
if (box != null) {
alert('box 對象已存在!');
}
~~~
>有個要說明的是:undefined 是派生自null 的,因此ECMA-262 規定對它們的相等性測試返回true。
`alert(undefined == null);`
>由于undefined 和null兩個值的比較是相等的,所以,未初始化的變量和賦值為null的變量會相等。這時,可以采用typeof變量的類型進行比較。但,建議還是養成編碼的規范,不要忘記初始化變量。
~~~
var box;
var car = null;
alert(typeof box == typeof car)
~~~
###4.>Boolean 類型
>Boolean 類型有兩個值(字面量):true 和false。而true 不一定等于1,false不一定等于0。JavaScript是區分大小寫的,True 和False 或者其他都不是Boolean類型的值。
~~~
var box = true;
alert(typeof box);
~~~
>雖然Boolean 類型的字面量只有true 和false 兩種,但ECMAScript 中所有類型的值都有與這兩個Boolean值等價的值。要將一個值轉換為其對應的Boolean 值,可以使用轉型函數
~~~
Boolean()。
var hello = 'Hello World!';
var hello2 = Boolean(hello);
alert(typeof hello);
~~~
>上面是一種顯示轉換,屬于強制性轉換。而實際應用中,還有一種隱式轉換。比如,在if 條件語句里面的條件判斷,就存在隱式轉換。
~~~
var hello = 'Hello World!';
if (hello) {
alert('如果條件為true,就執行我這條!');
} else {
alert('如果條件為false,就執行我這條!');
}
~~~
**以下是其他類型轉換成 Boolean類型規則**
| 數據類型|轉換為true 的值|轉換為false 的值 |
| -- | -- | -- |
| Boolean| true |false |
| String| 任何非空字符串|空字符串 |
| Number| 任何非零數字值(包括無窮大)| 0 和NaN |
| Object| 任何對象|null |
| Undefined| |undefined |
###5.>Number 類型
>Number 類型包含兩種數值:整型和浮點型。為了支持各種數值類型,ECMA-262 定義了不同的數值字面量格式。
>最基本的數值字面量是十進制整數。
`var box = 100; //十進制整數`
>八進制數值字面量,(以8為基數),前導必須是0,八進制序列(0~7)。
~~~
var box = 070; //八進制,56
var box = 079; //無效的八進制,自動解析為79
var box = 08; //無效的八進制,自動解析為8
~~~
>十六進制字面量前面兩位必須是0x,后面是(0~9 及A~F)。
~~~
var box = 0xA; //十六進制,10
var box = 0x1f; //十六進制,31
~~~
>浮點類型,就是該數值中必須包含一個小數點,并且小數點后面必須至少有一位數字。
~~~
var box = 3.8;
var box = 0.8;
var box = .8; //有效,但不推薦此寫法
~~~
>由于保存浮點數值需要的內存空間比整型數值大兩倍,因此ECMAScript 會自動將可以轉換為整型的浮點數值轉成為整型。
~~~
var box = 8.; //小數點后面沒有值,轉換為8
var box = 12.0; //小數點后面是0,轉成為12
~~~
>對于那些過大或過小的數值,可以用科學技術法來表示(e表示法)。用e 表示該數值的前面10 的指數次冪。
~~~
var box = 4.12e9; //即4120000000
var box = 0.00000000412; //即4.12e-9
~~~
>雖然浮點數值的最高精度是17位小數,但算術運算中可能會不精確。由于這個因素,做判斷的時候一定要考慮到這個問題(比如使用整型判斷)。
`alert(0.1+0.2); //0.30000000000000004`
>浮點數值的范圍在:Number.MIN_VALUE ~ Number.MAX_VALUE 之間。
~~~
alert(Number.MIN_VALUE); //最小值
alert(Number.MAX_VALUE); //最大值
~~~
>如果超過了浮點數值范圍的最大值或最小值,那么就先出現Infinity(正無窮)或者-Infinity(負無窮)。
~~~
var box = 100e1000; //超出范圍,Infinity
var box = -100e1000; //超出范圍,-Infinity
~~~
>也可能通過Number.POSITIVE_INFINITY和Number.NEGATIVE_INFINITY得到Infinity(正無窮)及-Infinity(負無窮)的值。
~~~
alert(Number.POSITIVE_INFINITY); //Infinity(正無窮)
alert(Number.NEGATIVE_INFINITY);//-Infinity(負無窮)
~~~
>要想確定一個數值到底是否超過了規定范圍,可以使用isFinite()函數。如果沒有超過,返回true,超過了返回false。
~~~
var box = 100e1000;
alert(isFinite(box)); //返回false 或者true
~~~
>NaN,即非數值(Not a Number)是一個特殊的值,這個數值用于表示一個本來要返回數值的操作數未返回數值的情況(這樣就不會拋出錯誤了)。比如,在其他語言中,任何數值除以0都會導致錯誤而終止程序執行。但在ECMAScript 中,會返回出特殊的值,因此不會影響程序執行。
~~~
var box = 0 / 0; //NaN
var box = 12 / 0; //Infinity
var box = 12 / 0 * 0; //NaN
~~~
>可以通過Number.NaN得到NaN值,任何與NaN進行運算的結果均為NaN,NaN 與自身不相等(NaN 不與任何值相等)。
~~~
alert(Number.NaN); //NaN
alert(NaN+1); //NaN
alert(NaN == NaN) //false
~~~
>ECMAScript 提供了isNaN()函數,用來判斷這個值到底是不是NaN。isNaN()函數在接收到一個值之后,會嘗試將這個值轉換為數值。
~~~
alert(isNaN(NaN)); //true
alert(isNaN(25)); //false,25 是一個數值
alert(isNaN('25')); //false,'25'是一個字符串數值,可以轉成數值
alert(isNaN('Zhang')); //true,'Zhang'不能轉換為數值
alert(isNaN(true)); //false true 可以轉成成1
~~~
>isNaN()函數也適用于對象。在調用isNaN()函數過程中,首先會調用valueOf()方法,然后確定返回值是否能夠轉換成數值。如果不能,則基于這個返回值再調用toString()方法,再測試返回值。
~~~
var box = {
toString : function () {
return '123'; //可以改成return 'Zhang'查看效果
}
};
alert(isNaN(box)); //false
~~~
>有3 個函數可以把非數值轉換為數值:Number()、parseInt()和parseFloat()。Number()函數是轉型函數,可以用于任何數據類型,而另外兩個則專門用于把字符串轉成數值。
~~~
alert(Number(true));//1,Boolean類型的true和false分別轉換成1 和0
alert(Number(25)); //25,數值型直接返回
alert(Number(null)); //0,空對象返回0
alert(Number(undefined)); //NaN,undefined 返回NaN
~~~
>如果是字符串,應該遵循一下規則:
1.只包含數值的字符串,會直接轉成成十進制數值,如果包含前導0,即自動去掉。
~~~
alert(Number('456')); //456
alert(Number('070')); //70
~~~
2.只包含浮點數值的字符串,會直接轉成浮點數值,如果包含前導和后導0,即自動去掉。
`alert(Number('08.90')); //8.9`
3.如果字符串是空,那么直接轉成成0。
`alert(Number('')); //0`
4.如果不是以上三種字符串類型,則返回NaN。
`alert('Zhang123'); //NaN`
5.如果是對象,首先會調用valueOf()方法,然后確定返回值是否能夠轉換成數值。如果轉換的結果是NaN,則基于這個返回值再調用toString()方法,再測試返回值。
~~~
var box = {
toString : function () {
return '123'; //可以改成return 'Zhang'查看效果
}
};
alert(Number(box)); //123
~~~
>由于Number()函數在轉換字符串時比較復雜且不夠合理,因此在處理整數的時候更常用的是parseInt()。
~~~
alert(parsetInt('333Zhang')); //333,會返回整數部分
alert(parsetInt('Zhang123Zhang'));//NaN,如果第一個不是數值,就返回NaNalert(parseInt('32Wu43Nao')); //12,從第一數值開始取,到最后一個連續數值結束
alert(parseInt('45.34')); //56,小數點不是數值,會被去掉
alert(parseInt('')); //NaN,空返回NaN
~~~
>parseInt()除了能夠識別十進制數值,也可以識別八進制和十六進制。
~~~
alert(parseInt('0xA')); //10,十六進制
alert(parseInt('070')); //56,八進制
alert(parseInt('0xAZhang')); //100,十六進制,Zhang 被自動過濾掉
~~~
>ECMAScript 為parseInt()提供了第二個參數,用于解決各種進制的轉換。
~~~
alert(parseInt('0xAF')); //175,十六進制
alert(parseInt('AF',16));//175,第二參數指定十六進制,可以去掉0x 前導
alert(parseInt('AF')); //NaN,理所當然
alert(parseInt('101010101',2)); //314,二進制轉換
alert(parseInt('70',8)) //56,八進制轉換
~~~
>parseFloat()是用于浮點數值轉換的,和parseInt()一樣,從第一位解析到非浮點數值位置。
~~~
alert(parseFloat('123Zhang')); //123,去掉不是別的部分
alert(parseFloat('0xA')); //0,不認十六進制
alert(parseFloat('123.4.5')); //123.4,只認一個小數點
alert(parseFloat('0123.400')); //123.4,去掉前后導
alert(parseFloat('1.234e7'));//12340000,把科學技術法轉成普通數值
~~~
###6.>String 類型
>String 類型用于表示由于零或多個16位Unicode字符組成的字符序列,即字符串。字符串可以由雙引號(")或單引號(')表示。
~~~
var box = 'Zhang';
var box = "Zhang";
~~~
>PS:在某些其他語言(PHP)中,單引號和雙引號表示的字符串解析方式不同,而ECMAScript中,這兩種表示方法沒有任何區別。但要記住的是,必須成對出現,不能穿插使用,否則會出錯。
`var box = '無腦碼農"; //出錯`
String 類型包含了一些特殊的字符字面量,也叫轉義序列。
| 字面量|含義|
| -- | -- |
| \n| 換行 |
| \t| 制表 |
| \b| 空格 |
| \r| 回車 |
| \f| 進紙 |
| \\| 斜杠 |
| \'| 單引號 |
| \"| 雙引號 |
| \xnn| 以十六進制代碼nn 表示的一個字符(0~F)。例:\x41 |
| \unnn| 以十六進制代碼nnn 表示的一個Unicode 字符(0~F)。例:\u03a3 |
>ECMAScript 中的字符串是不可變的,也就是說,字符串一旦創建,它們的值就不能改變。要改變某個變量保存的字符串,首先要銷毀原來的字符串,然后再用另一個包含新值的字符串填充該變量。
~~~
var box = 'Mr.';
box = box + ' Zhang';
~~~
>toString()方法可以把值轉換成字符串。
~~~
var box = 11;
var box = true;
alert(typeof box.toString());
~~~
>toString()方法一般是不需要傳參的,但在數值轉成字符串的時候,可以傳遞進制參數。
~~~
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,十六進制輸出
~~~
>如果在轉型之前不知道變量是否是null 或者undefined 的情況下,我們還可以使用轉型函數String(),這個函數能夠將任何類型的值轉換為字符串。
~~~
var box = null;
alert(String(box));
~~~
>PS:如果值有toString()方法,則調用該方法并返回相應的結果;如果是null 或者undefined,則返回"null"或者"undeinfed"。
###7.>Object 類型
>ECMAScript 中的對象其實就是一組數據和功能的集合。對象可以通過執行new 操作符后跟要創建的對象類型的名稱來創建。
`var box = new Object();`
>Object()是對象構造,如果對象初始化時不需要傳遞參數,可以不用寫括號,但這種方式我們是不推薦的。
`var box = new Object;`
>Object()里可以任意傳參,可以傳數值、字符串、布爾值等。而且,還可以進行相應的計算。
~~~
var box = new Object(2); //Object 類型,值是2
var age = box + 2; //可以和普通變量運算
alert(age); //輸出結果,轉型成Number 類型了
~~~
>既然可以使用new Object()來表示一個對象,那么我們也可以使用這種new 操作符來創建其他類型的對象。
~~~
var box = new Number(5); //new String('Zhang')、new Boolean(true)
alert(typeof box); //Object 類型
~~~
*PS:面向對象是JavaScript課程的重點,這里我們只是簡單做個介紹。詳細的課程將在以后的章節繼續學習。*