大家好，我是IT修真院成都分院第07期學(xué)員，一枚正直善良的web程序員。
1.背景介紹
javascript是一門(mén)面向?qū)ο蟮娜躅?lèi)型語(yǔ)言，最新的 ECMAScript 標(biāo)準(zhǔn)定義了 7 種數(shù)據(jù)類(lèi)型分別為:字符串、數(shù)字、布爾值、數(shù)組、對(duì)象、Null、Undefined。
2.知識(shí)剖析
字符串
字符串值是一個(gè)由零或多個(gè) Unicode 字符（字母、數(shù)字和標(biāo)點(diǎn)符號(hào)）組成的鏈表。 使用字符串?dāng)?shù)據(jù)類(lèi)型表示 JavaScript 中的文本。 在腳本中包含字符串，方法是使用單引號(hào)或雙引號(hào)將其括起來(lái)。
被單引號(hào)引起的字符串內(nèi)可以包含雙引號(hào)，而被雙引號(hào)引起的字符串內(nèi)也可以包含單引號(hào)。
實(shí)例：
var answer="Nice to meet you!";
var answer="He is called 'Bill'"; //雙引號(hào)包含單引號(hào)
var answer='He is called "Bill"'; //單引號(hào)包含雙引號(hào)
數(shù)字
在 JavaScript 中，整數(shù)值和浮點(diǎn)值之間沒(méi)有區(qū)別：JavaScript 數(shù)字可以是兩種類(lèi)型中的任意一種（在內(nèi)部，JavaScript 作為浮點(diǎn)值表示所有數(shù)字）。
整點(diǎn)數(shù)
整數(shù)值可以是正整數(shù)、負(fù)整數(shù)和 0。
浮點(diǎn)數(shù)
浮點(diǎn)值可以是帶有小數(shù)部分的整數(shù)。
實(shí)例：
var x1=34.00; //使用小數(shù)點(diǎn)來(lái)寫(xiě)
var x2=34; //不使用小數(shù)點(diǎn)來(lái)寫(xiě)
極大或極小的數(shù)字可以通過(guò)科學(xué)（指數(shù)）計(jì)數(shù)法來(lái)書(shū)寫(xiě)：
var y=123e5; // 12300000
var z=123e-5; // 0.00123
布爾值
雖然字符串和數(shù)字?jǐn)?shù)據(jù)類(lèi)型實(shí)際上可以有無(wú)限多個(gè)不同的值，但布爾值數(shù)據(jù)類(lèi)型只能有兩個(gè)值。 它們是文本 true 和 false。
實(shí)例：
var x=true;
var y=false;
數(shù)組
數(shù)組用來(lái)在單獨(dú)的變量名中存儲(chǔ)一系列的值。
我們使用關(guān)鍵詞 new 來(lái)創(chuàng)建數(shù)組對(duì)象。下面的代碼定義了一個(gè)名為 myArray 的數(shù)組對(duì)象：
var myArray=new Array(); //定義一個(gè)名字為myArray的數(shù)組
有兩種向數(shù)組賦值的方法（你可以添加任意多的值，就像你可以定義你需要的任意多的變量一樣）。
1：
var mycars=new Array(); //定義一個(gè)名字為myArray的數(shù)組
mycars[0]="Saab"; //數(shù)組第一個(gè)值為Saab
mycars[1]="Volvo"; //數(shù)組第二個(gè)值為Volvo
mycars[2]="BMW"; //數(shù)組第三個(gè)值為BMW
也可以使用一個(gè)整數(shù)自變量來(lái)控制數(shù)組的容量：
var mycars=new Array(3); //定義一個(gè)名字為myArray的數(shù)組，數(shù)組中有3個(gè)值
mycars[0]="Saab"; //數(shù)組第一個(gè)值為Saab
mycars[1]="Volvo"; //數(shù)組第二個(gè)值為Volvo
mycars[2]="BMW"; //數(shù)組第三個(gè)值為BMW
2：
var mycars=new Array("Saab","Volvo","BMW"); 定義一個(gè)名字為myArray的數(shù)組，數(shù)組的值分別是Saab、Volvo、BMW
對(duì)象
JavaScript 中的所有事物都是對(duì)象：字符串、數(shù)值、數(shù)組、函數(shù)...(萬(wàn)物皆對(duì)象)
JavaScript 提供多個(gè)內(nèi)建對(duì)象，比如 String、Date、Array 等等。
對(duì)象只是帶有屬性和方法的特殊數(shù)據(jù)類(lèi)型。
創(chuàng)建對(duì)象有兩種方法：
1.定義并創(chuàng)建對(duì)象的實(shí)例
2.使用函數(shù)來(lái)定義對(duì)象，然后創(chuàng)建新的對(duì)象實(shí)例
篇幅有限，這里就只講下創(chuàng)建直接的實(shí)例（第二種方法詳見(jiàn)：http://www.w3school.com.cn/js/js_objects.asp），這個(gè)例子創(chuàng)建了對(duì)象的一個(gè)新實(shí)例，并向其添加了四個(gè)屬性：
person=new Object(); //定義一個(gè)名為person的對(duì)象
person.firstname="Bill"; //對(duì)象firstname屬性值為Bill
person.lastname="Gates"; //對(duì)象lastname屬性值為Gates
person.age=56; //對(duì)象age屬性值為56
person.eyecolor="blue"; //對(duì)象eyecolor屬性值為blue
替代語(yǔ)法（使用對(duì)象 literals）：
person={firstname:"John",lastname:"Doe",age:56,eyecolor:"blue"};
null
null 數(shù)據(jù)類(lèi)型在 JavaScript 中僅具有一個(gè)值：null。null 關(guān)鍵字不能用作函數(shù)或變量的名稱(chēng)。
null用來(lái)表示空值，即沒(méi)有對(duì)象被呈現(xiàn)，可以通過(guò)將變量的值設(shè)置為 null 來(lái)清空變量：
var car="Volvo"; //把字符串Volvo賦值給變量car
document.write(car + "
"); //輸出變量car，應(yīng)該顯示Volvo
var car=null; //把null賦值給變量car
document.write(car + "
"); //輸出變量car，應(yīng)該顯示null
undefined
如果使用的對(duì)象屬性不存在，或使用的是已聲明但未賦值的變量，undefined 值將被返回。
一個(gè)未初始化的變量的值為undefined,一個(gè)沒(méi)有傳入實(shí)參的形參變量的值為undefined,如果一個(gè)函數(shù)什么都不返回,則該函數(shù)默認(rèn)返回undefined。
你可以使用嚴(yán)格相等運(yùn)算符來(lái)判斷一個(gè)值是否是undefined：
var x;
if (x === undefined) {
// 執(zhí)行到這里
}
else {
// 不會(huì)執(zhí)行到這里
}
3.常見(jiàn)問(wèn)題
Javascript數(shù)據(jù)類(lèi)型的判斷
舉一個(gè)栗子，在登陸頁(yè)面的中賬號(hào)只能輸入手機(jī)號(hào)碼不能輸入其他字符，怎么樣判斷輸入字符的數(shù)據(jù)類(lèi)型？
4.解決方案
typeof
typeof可以解決大部分的數(shù)據(jù)類(lèi)型判斷，是一個(gè)一元運(yùn)算，放在一個(gè)運(yùn)算值之前，其返回值為一個(gè)字符串，該字符串說(shuō)明運(yùn)算數(shù)的類(lèi)型。
var a="string"; console.log(typeof a); //string
var a=1; console.log(typeof a); //number
var a=false; console.log(typeof a); //boolean
var a; console.log(typeof a); //undfined
var a = null; console.log(typeof a); //object
var a = document; console.log(typeof a); //object
var a = []; console.log(a); //object
var a = function(){}; console.log(typeof a) //function 除了可以判斷數(shù)據(jù)類(lèi)型還可以判斷function類(lèi)型
這樣一來(lái)就很明顯了，除了前四個(gè)類(lèi)型外，null、對(duì)象、數(shù)組返回的都是object類(lèi)型；對(duì)于函數(shù)類(lèi)型返回的則是function。
然后這里就可以再引申出另一個(gè)灰常熱門(mén)并且解決方法已普遍存在的問(wèn)題，如何判斷數(shù)據(jù)是個(gè)數(shù)組類(lèi)型？
js判斷數(shù)組類(lèi)型的方法(這里只說(shuō)一種最簡(jiǎn)單的方法)：
instance，故名思義，實(shí)例，例子，所以instanceof 用于判斷一個(gè)變量是否某個(gè)對(duì)象的實(shí)例，是一個(gè)三目運(yùn)算式---和typeof最實(shí)質(zhì)上的區(qū)別
a instanceof b?alert("true"):alert("false") //注意b值是你想要判斷的那種數(shù)據(jù)類(lèi)型，不是一個(gè)字符串，比如Array：
var a=[];
console.log(a instanceof Array) //返回true
5.編碼實(shí)戰(zhàn)
數(shù)據(jù)類(lèi)型的轉(zhuǎn)換：將數(shù)字轉(zhuǎn)換成字符串
提示：全局方法 String() 可以將數(shù)字轉(zhuǎn)換為字符串。
var x = 123;
document.getElementById("demo").innerHTML =
String(x) + "
" + // 將變量 x 轉(zhuǎn)換為字符串并返回
String(123) + "
" + // 將數(shù)字 123 轉(zhuǎn)換為字符串并返回
String(100 + 23); // 將數(shù)字表達(dá)式轉(zhuǎn)換為字符串并返回
顯示效果
123
123
123
6.拓展思考
其他數(shù)據(jù)類(lèi)型如何進(jìn)行轉(zhuǎn)換？
7.參考文獻(xiàn)
《Javascript DOM 編程藝術(shù)》
w3c：http://www.w3school.com.cn/js/js_datatypes.asp
http://www.runoob.com/js/js-tutorial.html
8.更多討論
by：劉夏陽(yáng)
鳴謝 : 李璽 | somebody
