JavaScript 學習筆記之數(shù)據(jù)類型
一、分類
基本數(shù)據(jù)類型：undefined、null、string、Boolean、number
復雜數(shù)據(jù)類型：object
object的屬性以無序的名稱和值對的形式 (name : value) 來定義
二、詳解
1、undefined：undefined類型只有一個值：undefined，在使用var對變量進行聲明但未初始化時，這個變量的值就是undefined.
包含undefined值的變量與尚未定義的變量是不一樣的，以下這個例子可以說明：
var demo1;//聲明但未初始化
alert(demo1);//undefined
alert(demo2);//報錯，demo2 is not defined
2、null：null類型只有一個值：null，從邏輯角度來看，null值表示一個空對象指針.
如果定義的變量準備在將來用于保存對象，那么最好將該變量初始化為null而不是其他值。這樣一來，只要直接檢測null值就可以知道相應的變量是否已經(jīng)保存了一個對象的引用了，例如：
if(car != null)
{
//對car對象執(zhí)行某些操作
}
實際上，undefined值是派生自null值的，因此ECMA-262規(guī)定對它們的相等性測試要返回true。
alert(undefined == null); //true
盡管null和undefined有這樣的關系，但它們的用途完全不同。無論在什么情況下都沒有必要把一個變量的值顯式地設置為undefined，可是同樣的規(guī)則對null卻不適用。換句話說，只要意在保存對象的變量還沒有真正保存對象，就應該明確地讓該變量保存null值。這樣做不僅可以體現(xiàn)null作為空對象指針的慣例，而且也有助于進一步區(qū)分null和undefined。
3、Boolean：Boolean類型有兩個值：true和false,這兩個值與數(shù)字值不是一回事，因此true不一定等于1，而false也不一定等于0。
需要注意的是：Boolean類型的字面值是區(qū)分大小寫的，也就是說，True和False（以及其他形式的大小寫混合）都不是Boolean值，只是標識符。
雖然Boolean類型的字面值只有兩個，但JavaScript中所有類型的值都有與這兩個Boolean值等價的值。要將一個值轉(zhuǎn)換為其對應的Boolean值，可以調(diào)用類型轉(zhuǎn)換函數(shù)Boolean()，例如：
var message = 'Hello World';
var messageAsBoolean = Boolean(message);
在這個例子中，字符串message被轉(zhuǎn)換成了一個Boolean值，該值被保存在messageAsBoolean變量中?？梢詫θ魏螖?shù)據(jù)類型的值調(diào)用Boolean()函數(shù)，而且總會返回一個Boolean值。至于返回的這個值是true還是false，取決于要轉(zhuǎn)換值的數(shù)據(jù)類型及其實際值。下表給出了各種數(shù)據(jù)類型及其對象的轉(zhuǎn)換規(guī)則。
這些轉(zhuǎn)換規(guī)則對理解流控制語句（如if語句）自動執(zhí)行相應的Boolean轉(zhuǎn)換非常重要，例如：
var message = 'Hello World';
if(message)//相當于if(Boolean(message)==true)
{
alert("Value is true");//Value is true
}
由于存在這種自動執(zhí)行的Boolean轉(zhuǎn)換，因此確切地知道在流控制語句中使用的是什么變量至關重要。
4、number：整數(shù)和浮點
4.1 整數(shù)：在進行計算時，所有的八進制和十六進制數(shù)都會被換算成十進制
4.2 浮點：浮點數(shù)值的最高精度是17位，因此在算數(shù)計算時其精度遠遠不如整數(shù)，例如：0.1+0.2的結(jié)果不是0.3，而是0.30000000000000004.例如：
a=0.2;
b=0.1;
if(a+b==0.3){
alert("hello");
}
else{
alert("hi");
}
結(jié)果會彈出“hi”,因此不要測試某個特定的浮點數(shù)值。
4.3 NaN：非數(shù)值 Not a Number，這個數(shù)值用于表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況（這樣就不會拋出錯誤了）。
NaN本身有兩個非同尋常的特點。首先，任何涉及NaN的操作（例如NaN/10）都會返回NaN，這個特點在多步計算中有可能導致問題。其次，NaN與任何值都不相等，包括NaN本身。例如：
alert(NaN == NaN); //false
JavaScript中有一個isNaN()函數(shù)，這個函數(shù)接受一個參數(shù)，該參數(shù)可以是任何類型，而函數(shù)會幫我們確定這個參數(shù)是否“不是數(shù)值”。isNaN()在接收一個值之后，會嘗試將這個值轉(zhuǎn)換為數(shù)值。某些不是數(shù)值的值會直接轉(zhuǎn)換為數(shù)值，例如字符串”10“或Boolean值。而任何不能被轉(zhuǎn)換為數(shù)值的值都會導致這個函數(shù)返回true。例如：
alert(isNaN(NaN)); //true
alert(isNaN(10)); //false(10是一個數(shù)值)
alert(isNaN("10")); //false(可能被轉(zhuǎn)換為數(shù)值10)
alert(isNaN("blue")); //true(不能被轉(zhuǎn)換為數(shù)值)
alert(isNaN("bule123")); //ture(不能被轉(zhuǎn)換為數(shù)值)
alert(isNaN(true)); //false(可能被轉(zhuǎn)換為數(shù)值1)
有3個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值：Number()、parseInt()和parseFloat()。第一個函數(shù)，即轉(zhuǎn)型函數(shù)Number()可以用于任何數(shù)據(jù)類型，而另外兩個函數(shù)則專門用于把字符串轉(zhuǎn)換成數(shù)值。這3個函數(shù)對于同樣的輸入會返回不同的結(jié)果。
Number()函數(shù)的轉(zhuǎn)換規(guī)則如下：
● 如果是Boolean值，true和false將分別被替換為1和0
● 如果是數(shù)字值，只是簡單的傳入和返回
● 如果是null值，返回0
● 如果是undefined，返回NaN
● 如果是字符串，遵循下列規(guī)則：
○ 如果字符串中只包含數(shù)字，則將其轉(zhuǎn)換為十進制數(shù)值，即”1“會變成1，”123“會變成123，而”011“會變成11（前導的0被忽略）
○ 如果字符串中包含有效的浮點格式，如”1.1“，則將其轉(zhuǎn)換為對應的浮點數(shù)（同樣，也會忽略前導0）
○ 如果字符串中包含有效的十六進制格式，例如”0xf“，則將其轉(zhuǎn)換為相同大小的十進制整數(shù)值
○ 如果字符串是空的，則將其轉(zhuǎn)換為0
○ 如果字符串中包含除了上述格式之外的字符，則將其轉(zhuǎn)換為NaN
● 如果是對象，則調(diào)用對象的valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN，則調(diào)用對象的toString()方法，然后再依次按照前面的規(guī)則轉(zhuǎn)換返回的字符串值。
var num1 = Number("Hello World"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number(true); //1
由于Number()函數(shù)在轉(zhuǎn)換字符串時比較復雜而且不夠合理，因此在處理整數(shù)的時候更常用的是parseInt()函數(shù)，而處理浮點數(shù)的時候常用parseFloat()函數(shù)，詳見：http://www.cnblogs.com/yxField/p/4167954.html
5、String
String類型用于表示由零或多個16位Unicode字符組成的字符序列，即字符串。字符串可以由單引號(')或雙引號(")表示。
var str1 = "Hello";
var str2 = 'Hello';
任何字符串的長度都可以通過訪問其length屬性取得
alert(str1.length); //輸出5
要把一個值轉(zhuǎn)換為一個字符串有兩種方式。第一種是使用幾乎每個值都有的toString()方法。
var age = 11;
var ageAsString = age.toString(); //字符串"11"
var found = true;
var foundAsString = found.toString(); //字符串"true"
數(shù)值、布爾值、對象和字符串值都有toString()方法。但null和undefined值沒有這個方法。
多數(shù)情況下，調(diào)用toString()方法不必傳遞參數(shù)。但是，在調(diào)用數(shù)值的toString()方法時，可以傳遞一個參數(shù)：輸出數(shù)值的基數(shù)。
var num = 10;
alert(num.toString()); //"10"
alert(num.toString(2)); //"1010"
alert(num.toString(8)); //"12"
alert(num.toString(10)); //"10"
alert(num.toString(16)); //"a"
通過這個例子可以看出，通過指定基數(shù)，toString()方法會改變輸出的值。而數(shù)值10根據(jù)基數(shù)的不同，可以在輸出時被轉(zhuǎn)換為不同的數(shù)值格式。
在不知道要轉(zhuǎn)換的值是不是null或undefined的情況下，還可以使用轉(zhuǎn)型函數(shù)String()，這個函數(shù)能夠?qū)⑷魏晤愋偷闹缔D(zhuǎn)換為字符串。String()函數(shù)遵循下列轉(zhuǎn)換規(guī)則：
● 如果值有toString()方法，則調(diào)用該方法（沒有參數(shù)）并返回相應的結(jié)果
● 如果值是null，則返回"null"
● 如果值是undefined，則返回”undefined“
6、object
對象其實就是一組數(shù)據(jù)和功能的集合。對象可以通過執(zhí)行new操作符后跟要創(chuàng)建的對象類型的名稱來創(chuàng)建。而創(chuàng)建Object類型的實例并為其添加屬性和（或）方法，就可以創(chuàng)建自定義對象。
var o = new Object();
object類型所具有的任何屬性和方法也同樣存在于更具體的對象中，Object的每個實例都具有下列屬性和方法：
● constructor（構(gòu)造函數(shù)）——保存著用于創(chuàng)建當前對象的函數(shù)
● hasOwnProperty(propertyName)——用于檢查給定的屬性在當前對象實例中（而不是在實例的原型中）是否存在。其中，作為參數(shù)的屬性名(propertyName)必須以字符串形式指定（例如：o.hasOwnProperty("name")）
● isPrototypeOf(object)——用于檢查傳入的對象是否是另一個對象的原型
● propertyIsEnumerable(propertyName)——用于檢查給定的屬性是否能夠使用for-in語句來枚舉
● toString()——返回對象的字符串表示
● valueOf()——返回對象的字符串、數(shù)值或布爾值表示。通常與toString()方法的返回值相同。
三、小測試
typeof(NaN)
typeof(Infinity)
typeof(null)
typeof(undefined)
很多面試都會問到上面幾個小問題噠~~
以上就是這6種javascript數(shù)據(jù)類型的介紹了，小伙伴們是否了解清楚了呢，希望看完本文后大家能有所提高。
- javascript 簡單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu
- javascript 數(shù)據(jù)類型轉(zhuǎn)換(parseInt,parseFloat)
- javascript開發(fā)技術大全－第3章 js數(shù)據(jù)類型
- JavaScript基礎知識之數(shù)據(jù)類型
- Javascript基礎教程之數(shù)據(jù)類型 （字符串 String）
- Javascript基礎教程之數(shù)據(jù)類型 （數(shù)值 Number）
- Javascript基礎教程之數(shù)據(jù)類型 （布爾型 Boolean）
- Javascript基礎教程之數(shù)據(jù)類型轉(zhuǎn)換
- javascript數(shù)據(jù)類型示例分享
相關文章
這篇文章主要和大家一起聊一聊JavaScript作用域和作用域鏈，什么是JavaScript作用域和作用域鏈，感興趣的小伙伴們可以參考一下2016-05-05
DOM 節(jié)點屬性操作方法小結(jié)。2009-05-05
這篇文章主要介紹了javascript實現(xiàn)滑動解鎖功能的方法及示例，效果非常棒,需要的朋友可以參考下2014-12-12
完美解決JS中漢字顯示亂碼問題（已解決）...2006-12-12
用JavaScript腳本實現(xiàn)Web頁面信息交互
這篇文章主要給大家介紹了關于用JavaScript腳本實現(xiàn)Web頁面信息交互的相關資料,需要的朋友可以參考下2006-12-12
這篇文章主要介紹了在HTML中插入JavaScript代碼的示例,嵌套在HTML代碼中是JavaScript的基本功能,需要的朋友可以參考下2015-06-06
首先，不得不說，我無法達到拋開類和對象的概念來看Javascript的境界，對于Javascript是否是面向?qū)ο蟮恼f法有很多，不過我最認同的還是Javascript是一種“基于prototype的面向?qū)ο笳Z言”。2010-01-01
JavaScript中splice與slice的區(qū)別
本文給大家分享的是JavaScript中的splice和slice的用法和區(qū)別，slice()方法和splice()方法都是原生js中對數(shù)組操作的方法，下面我們來詳細探討下2017-05-05
JavaScript數(shù)據(jù)類型轉(zhuǎn)換
本文詳細講解了JavaScript實現(xiàn)數(shù)據(jù)類型轉(zhuǎn)換的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
下面為自己初學JavaScript時覺得應該注意的地方(從<<JavaScript動態(tài)網(wǎng)頁開發(fā)詳解>>中學到)2008-09-09