第九十九節，JavaScript數據類型

時間 2019-11-12

標籤第九十九 javascript 數據類型欄目 JavaScript 简体版

原文原文鏈接

JavaScript數據類型函數

學習要點：學習

1.typeof操做符測試

2.Undefined類型編碼

3.Null類型spa

4.Boolean類型指針

5.Number類型code

6.String類型對象

7.Object類型blog

ECMAScript中有5種簡單數據類型：Undefined、Null、Boolean、Number和String。還有一種複雜數據類型——Object。ECMAScript不支持任何建立自定義類型的機制，全部值都成爲以上6中數據類型之一。ip

一．typeof操做符，返回數據的類型

typeof操做符是用來檢測變量的數據類型。對於值或變量使用typeof操做符會返回以下字符串。

返回的字符串	描述
undefined	未定義值的變量
boolean	布爾值
string	字符串
number	數值
object	對象或null(類型)
function	函數

使用方法：

var box = '李炎恢';
alert(typeof box);  //typeof操做符打印類型，能夠是變量
alert(typeof '李炎恢'); //也能夠直接是字面量，也就是直接寫數據
//返回string

typeof操做符能夠操做變量，也能夠操做字面量。雖然也能夠這樣使用：typeof(box)，但，typeof是操做符而非內置函數。PS：函數在ECMAScript中是對象，不是一種數據類型。因此，使用typeof來區分function和object是很是有必要的。

Undefined類型，聲明定義了變量但沒給變量賦值的類型

Undefined類型只有一個值，即特殊的undefined。在使用var聲明變量，但沒有對其初始化時，這個變量的值就是undefined。

var box;
alert(box);

PS：咱們沒有必要顯式的給一個變量賦值爲undefined，由於沒有賦值的變量會隱式的(自動的)賦值爲undefined；而undefined主要的目的是爲了用於比較，ECMAScript第3版以前並無引入這個值，引入以後爲了正式區分空對象與未經初始化的變量。

未初始化的變量與根本不存在的變量(未聲明的變量)也是不同的。

var box;
alert(age);

PS：若是typeof box，typeof age都返回的undefined。從邏輯上思考，他們的值，一個是undefined，一個報錯；他們的類型，卻都是undefined。因此，咱們在定義變量的時候，儘量的不要只聲明，不賦值。

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)

Boolean類型，布爾值類型

Boolean類型有兩個值(字面量)：true和false。而true不必定等於1，false不必定等於0。JavaScript是區分大小寫的，True和False或者其餘都不是Boolean類型的值。

var box = true;
alert(typeof box);

Boolean()函數，將其數據類型轉換成布爾類型

雖然Boolean類型的字面量只有true和false兩種，但ECMAScript中全部類型的值都有與這兩個Boolean值等價的值。要將一個值轉換爲其對應的Boolean值，可使用轉型函數Boolean()。

var hello = 'Hello World!'; //字符串類型
alert(typeof Boolean(hello)); //將字符串轉換成布爾值
//打印出boolean

上面是一種顯示轉換，屬於強制性轉換。而實際應用中，還有一種隱式轉換。好比，在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（沒賦值變量）	沒有 true	undefined

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()函數，判斷一個數字是否超過規定的最大值或者最小值

要想肯定一個數值究竟是否超過了規定範圍，可使用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

isNaN()函數，用來判斷一個值究竟是不是NaN

ECMAScript提供了isNaN()函數，用來判斷這個值究竟是不是NaN。isNaN()函數在接收到一個值以後，會嘗試將這個值轉換爲數值。

alert(isNaN(NaN));                //true
alert(isNaN(25));                //false，25是一個數值
alert(isNaN('25'));                //false，'25'是一個字符串數值，能夠轉成數值
alert(isNaN('Lee'));                //true，'Lee'不能轉換爲數值
alert(isNaN(true));                //false    true能夠轉成成1

isNaN()函數也適用於對象。在調用isNaN()函數過程當中，首先會調用valueOf()方法，而後肯定返回值是否可以轉換成數值。若是不能，則基於這個返回值再調用toString()方法，再測試返回值。

var box = {
    toString : function () {
        return '123';            //能夠改爲return 'Lee'查看效果
    }
};
alert(isNaN(box));                //false

Number()函數，轉型函數，能夠用於任何數據類型轉換成數值

有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('Lee123');                //NaN

5.若是是對象，首先會調用valueOf()方法，而後肯定返回值是否可以轉換成數值。若是轉換的結果是NaN，則基於這個返回值再調用toString()方法，再測試返回值。

var box = {
    toString : function () {
        return '123';            //能夠改爲return 'Lee'查看效果
    }
};
alert(Number(box));            //123

parseInt()函數，把字符串轉換成數值【有參可選】第二個參數是以什麼進制方式，如16

因爲Number()函數在轉換字符串時比較複雜且不夠合理，所以在處理整數的時候更經常使用的是parseInt()。

alert(parsetInt('456Lee'));        //456，會返回整數部分
alert(parsetInt('Lee456Lee'));        //NaN，若是第一個不是數值，就返回NaN
alert(parseInt('12Lee56Lee'));        //12，從第一數值開始取，到最後一個連續數值結束
alert(parseInt('56.12'));            //56，小數點不是數值，會被去掉
alert(parseInt(''));                //NaN，空返回NaN

parseInt()除了可以識別十進制數值，也能夠識別八進制和十六進制。

alert(parseInt('0xA'));            //10，十六進制
alert(parseInt('070'));            //56，八進制
alert(parseInt('0xALee'));        //100，十六進制，Lee被自動過濾掉

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()函數，把字符串轉換成數值

parseFloat()是用於浮點數值轉換的，和parseInt()同樣，從第一位解析到非浮點數值位置。

alert(parseFloat('123Lee'));        //123，去掉不是別的部分
alert(parseFloat('0xA'));            //0，不認十六進制
alert(parseFloat('123.4.5'));        //123.4，只認一個小數點
alert(parseFloat('0123.400'));        //123.4，去掉先後導
alert(parseFloat('1.234e7'));        //12340000，把科學技術法轉成普通數值

String類型，字符串類型

String類型用於表示因爲零或多個16位Unicode字符組成的字符序列，即字符串。字符串能夠由雙引號(")或單引號(')表示。

var box = 'Lee';
var box = "Lee";

PS：在某些其餘語言(PHP)中，單引號和雙引號表示的字符串解析方式不一樣，而ECMAScript中，這兩種表示方法沒有任何區別。但要記住的是，必須成對出現，不能穿插使用，不然會出錯。

var box = '李炎恢";                //出錯

String類型包含了一些特殊的字符字面量，也叫轉義序列。

字面量	含義
\n	換行
\t	製表
\b	空格
\r	回車
\f	進紙
\\	斜槓
\'	單引號，轉義字符
\"	雙引號，轉義字符
\xnn	以十六進制代碼nn表示的一個字符(0~F)。例：\x41
\unnn	以十六進制代碼nnn表示的一個Unicode字符(0~F)。例：\u03a3

var sdf = "林\n貴秀"
alert(sdf)
//打印出來就會換行

ECMAScript中的字符串是不可變的，也就是說，字符串一旦建立，它們的值就不能改變。要改變某個變量保存的字符串，首先要銷燬原來的字符串，而後再用另外一個包含新值的

字符串填充該變量。

var box = 'Mr.';
box = box + ' Lee';
alert(box)
//打印出Mr.Lee

toString()方法能夠把值轉換成字符串。【有參可選】

注意：null或者undefined的狀況下toString()是沒法轉換的

var dsaf = 11; //數字類型
    dsaf = dsaf.toString(); //將數字類型轉換成字符串類型
alert(typeof dsaf); //打印出string

var box = true;
alert(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，十六進制輸出

String()函數，將任何類型的值轉換爲字符串

若是在轉型以前不知道變量是不是null或者undefined的狀況下，咱們還可使用轉型函數String()，這個函數可以將任何類型的值轉換爲字符串。

var box = null;
alert(typeof String(box));//轉換成字符串類型

PS：若是值有toString()方法，則調用該方法並返回相應的結果；若是是null或者undefined，則返回"null"或者"undeinfed"。

Object類型，對象類型，其實就是一組數據和功能的集合

new操做符

ECMAScript中的對象其實就是一組數據和功能的集合。對象能夠經過執行new操做符後跟要建立的對象類型的名稱來建立。

var box = {}; //簡單建立方法
var boxf = new Object(); //經過new操做符建立對象

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('Lee')、new Boolean(true)
alert(typeof box);                    //Object類型

既然可使用new Object()來表示一個對象，那麼咱們也可使用這種new操做符來建立其餘類型的對象。

var box = new Number(5);            //new String('Lee')、new Boolean(true)
alert(typeof box);                    //Object類型

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。