《JavaScript與jQuery網(wǎng)頁前端開發(fā)與設(shè)計-第2版》課件 CH03 JavaScript數(shù)據(jù)類型與運算符

JavaScript與jQuery

網(wǎng)頁前端開發(fā)與設(shè)計-第2版學(xué)校名稱：XXXX主講教師：XXXX第3章JavaScript數(shù)據(jù)類型與運算符本章學(xué)習(xí)目標(biāo) 掌握JavaScript的基本數(shù)據(jù)類型與對象類型； 掌握JavaScript類型轉(zhuǎn)換方法； 掌握JavaScript運算符的使用。目錄3.1JavaScript基本數(shù)據(jù)類型3.2JavaScript對象類型3.3JavaScript類型轉(zhuǎn)換3.4JavaScript運算符3.5階段案例：生肖計算3.1JavaScript基本數(shù)據(jù)類型3.1.1Undefined類型3.1.2Null類型3.1.3String類型3.1.4Number類型3.1.5Boolean類型3.1JavaScript基本數(shù)據(jù)類型JavaScript有五種原始類型分別是：Number（數(shù)字）、Boolean（布爾值）、String（字符串）、Null（空值）和Undefined（未定義）。JavaScript提供了typeof方法用于檢測變量的數(shù)據(jù)類型，該方法會根據(jù)變量本身的數(shù)據(jù)類型給出對應(yīng)名稱的返回值。語法格式如下：typeof變量名稱3.1JavaScript基本數(shù)據(jù)類型對于指定的變量使用typeof方法，其返回值是提示數(shù)據(jù)類型的文本內(nèi)容。3.1.1Undefined類型所有Undefined類型的輸出值都是undefined。當(dāng)需要輸出的變量從未聲明過，或者使用關(guān)鍵詞var聲明過但是從未進行賦值時會顯示undefined字樣。例如：alert(y);//返回值為undefined，因為變量y之前未使用關(guān)鍵詞var聲明或varx;alert(x);//返回值也是undefined，因為未給變量x進行賦值3.1.1Undefined類型【例3-1】JavaScript基礎(chǔ)數(shù)據(jù)類型Undefined的簡單應(yīng)用3.1.2Null類型null值表示變量的內(nèi)容為空，可用于初始化變量，或者清空已經(jīng)賦值的變量。例如：varx=99;x=null;alert(x);//此時返回值是null而不是993.1.2Null類型【例3-2】JavaScript基礎(chǔ)數(shù)據(jù)類型Null的簡單應(yīng)用3.1.3String類型在JavaScript中String類型用于存儲文本內(nèi)容，又稱為字符串類型。為變量進行字符串賦值時需要使用引號(單引號或雙引號均可)括住文本內(nèi)容。例如：varcountry='China';或varcountry="China";3.1.3String類型如果字符串內(nèi)容本身也需要帶上引號，則用于包圍字符串的引號不可以和文本內(nèi)容中的引號相同。例如字符串本身如果帶有雙引號，則使用單引號包圍字符串；反之亦然。例如：vardialog='Todayisagift,thatiswhyitiscalled"Present".';或vardialog="Todayisagift,thatiswhyitiscalled'Present'.";3.1.3String類型String對象中包含了一系列方法，常用方法如表所示。3.1.3String類型1.字符串長度在字符串中，每一個字符都有固定的位置，其位置從左往右進行分配。以單詞hello為例，其位置規(guī)則如圖所示。首字符H從位置0開始，第二個字符L是位置1，以此類推，直到最后一個字符O的位置是字符串的總長度少1。3.1.3String類型1.字符串長度【例3-3】JavaScript獲取字符串長度的簡單應(yīng)用3.1.3String類型2.獲取字符串中的單個字符在JavaScript中可以使用charAt()方法獲取字符串指定位置上的單個字符。其語法結(jié)構(gòu)如下：例如：charAt(index)其中index參數(shù)值填寫需要獲取的字符所在位置。varmsg="HelloJavaScript";varx=msg.charAt(0);//表示獲取msg中的第一個字符，返回值為H3.1.3String類型2.獲取字符串中的單個字符如果需要獲取指定位置上單個字符的字符代碼，可以使用charCodeAt()方法。其語法結(jié)構(gòu)如下：例如：charCodeAt(index)varmsg="HelloJavaScript";varx=msg.charCodeAt(0);//表示獲取msg中的第一個字符的字符代碼，返回值為72其中index參數(shù)值填寫需要獲取的字符所在位置。3.1.3String類型2.獲取字符串中的單個字符【例3-4】JavaScript獲取字符串中單個字符的應(yīng)用3.1.3String類型3.連接字符串在JavaScript中可以使用concat()方法將新的字符串內(nèi)容連接到原始字符串上。其語法結(jié)構(gòu)如下：例如：concat(string1,string2...,stringN);varmsg="Hello";varnewMsg=msg.concat("JavaScript");alert(newMsg);//返回值為"HelloJavaScript"該方法允許帶有一個或多個參數(shù)，表示按照從左往右的依次連接這些字符串。3.1.3String類型3.連接字符串也可以直接使用加號（+）進行字符串的連接，其效果相同。因此上述示例代碼可改為：varmsg="Hello";varnewMsg=msg+"JavaScript";alert(newMsg);//返回值為"HelloJavaScript"3.1.3String類型3.連接字符串【例3-5】JavaScript連接字符串的簡單應(yīng)用3.1.3String類型3.查找字符串是否存在使用indexOf()和lastIndexOf()方法可以查找原始字符串中是否包含指定的字符串內(nèi)容。其語法格式如下：indexOf(searchString,startIndex)或lastIndexOf(searchString,startIndex)其中searchString參數(shù)位置填入需要用于對比查找的字符串片段，startIndex參數(shù)用于指定搜索的起始字符，該參數(shù)內(nèi)容如果省略則按照默認順序搜索全文。3.1.3String類型3.查找字符串是否存在indexOf()和lastIndexOf()方法都可以用于查找指定內(nèi)容是否存在，如果存在，其返回值為指定內(nèi)容在原始字符串中的位置序號；如果不存在，則直接返回-1。區(qū)別在于，indexOf()是從序號0的位置開始正序檢索字符串內(nèi)容的，而lastIndexOf()是從序號最大值的位置開始倒序檢索字符串內(nèi)容。3.1.3String類型3.查找字符串是否存在【例3-6】JavaScript檢查字符串是否存在的簡單應(yīng)用

3.1.3String類型5.查找與替換字符串在JavaScript中使用match()或search()方法可以查找匹配正則表達式的字符串內(nèi)容。match()方法的語法格式如下：match(regExp)參數(shù)regExp的位置需要填入一個正則表達式，例如match(/a/g)表示全局查找字母a，后面的小寫字母g是英文單詞gobal的首字母簡寫，表示全局查找。其返回值為符合條件的所有字符串片段。3.1.3String類型5.查找與替換字符串search()方法的語法格式如下：search(regExp)參數(shù)regExp的位置同樣需要填入一個正則表達式。不同之處在于，search()方法的返回值是符合匹配條件的字符串索引值。3.1.3String類型5.查找與替換字符串在JavaScript中使用replace()方法可以替換匹配正則表達式的字符串內(nèi)容。replace()方法的語法格式如下：replace(regExp,replaceText)參數(shù)regExp的位置需要填入一個正則表達式，參數(shù)replaceText的位置填入需要替換的新的文本內(nèi)容。例如replace(/a/g,"A")表示的是把所有的小寫字母a都替換為大寫形式。該方法的返回值是已經(jīng)替換完畢的新字符串內(nèi)容。3.1.3String類型5.查找與替換字符串【例3-7】JavaScript查找和替換字符串

3.1.3String類型6.獲取字符串片段在JavaScript中可以對字符串類型的變量使用slice()和substrig()方法截取其中的字符串片段。其中slice()方法用于去掉指定片段，substring()方法用于節(jié)選指定片段。3.1.3String類型6.獲取字符串片段slice()方法語法格式如下：slice(start,end)其中start參數(shù)位置填寫需要刪除的字符串的第一個字符位置，end參數(shù)位置填寫需要刪除字符串的結(jié)束位置（不包括該位置上的字符），如果end參數(shù)省略則默認填入字符串長度。如果填入的屬性值為負數(shù)，表示從字符串的最后一個位置開始計算，例如-1表示倒數(shù)第一個字符。3.1.3String類型6.獲取字符串片段substring()方法語法格式如下：substring(start,end)與slice()方法的語法結(jié)構(gòu)類似，其中start參數(shù)位置填寫需要節(jié)選的字符串的第一個字符位置，end參數(shù)位置填寫需要節(jié)選字符串的結(jié)束位置（不包括該位置上的字符），同樣如果end參數(shù)省略則默認填入字符串長度。3.1.3String類型6.獲取字符串片段當(dāng)參數(shù)均為非負數(shù)時，substring()與slice()方法獲取的結(jié)果完全一樣。只有參數(shù)值存在負數(shù)情況時，這兩個方法才會有所不同：substring()方法會忽略負數(shù)，直接將其當(dāng)作0來處理；而slice()方法會用字符串長度加上該負數(shù)數(shù)值，計算出對應(yīng)的位置。例如：varmsg="happy";//該字符串長度為5位varresult1=msg.substring(1,-1);//返回值為hvarresult2=slice(1,-1);//返回值為app3.1.3String類型6.獲取字符串片段【例3-8】JavaScript獲取字符串片段的簡單應(yīng)用

3.1.3String類型7.字符串大小寫轉(zhuǎn)換在JavaScript中可以對字符串類型的變量使用toLowerCase()和toUpperCase()方法轉(zhuǎn)換其中存在的大小寫字母。其中toLowerCase()表示將所有字母轉(zhuǎn)換為小寫，toUpperCase()表示將所有字母轉(zhuǎn)換位大寫。3.1.3String類型7.字符串大小寫轉(zhuǎn)換【例3-9】JavaScript字符串大小寫轉(zhuǎn)換3.1.3String類型8.轉(zhuǎn)義字符在前幾節(jié)的例題中都看到了alert()方法中帶有\(zhòng)n符號表示換行，這種符號稱為轉(zhuǎn)義字符。與C語言、Java語言相似，在JavaScript中String類型也包含了一系列轉(zhuǎn)義字符。具體情況如表所示。3.1.3String類型8.轉(zhuǎn)義字符【例3-10】JavaScript轉(zhuǎn)義字符的簡單應(yīng)用3.1.4Number類型在JavaScript中使用Number類型表示數(shù)字，其數(shù)字可以是32位以內(nèi)的整數(shù)或64位以內(nèi)的浮點數(shù)。例如：varx=9;vary=3.14;Number類型還支持使用科學(xué)計數(shù)法、八進制和十六進制的表示方式。3.1.4Number類型1.科學(xué)計數(shù)法對于極大或極小的數(shù)字也可以使用科學(xué)記數(shù)法表示，寫法格式如下：上述格式表示數(shù)字后面跟指數(shù)e再緊跟乘以的倍數(shù)，其中數(shù)值可以是整數(shù)或浮點數(shù)，倍數(shù)可以允許為負數(shù)。例如：數(shù)值e倍數(shù)varx1=3.14e8;varx2=3.14e-8;變量x1表示的數(shù)是3.14乘以10的8次方，即314000000；變量x2表示的數(shù)是3.14乘以10的-8次方，即0.0000000314。3.1.4Number類型1.科學(xué)計數(shù)法【例3-11】JavaScript科學(xué)計數(shù)法的簡單應(yīng)用3.1.4Number類型2.八進制與十六進制數(shù)在JavaScript中，Number類型也可以用于表示八進制或十六進制的數(shù)。八進制的數(shù)需要用數(shù)字0開頭，后面跟的數(shù)字只能是0-7（八進制字符）之間的一個。例如：varx=010;//這里相當(dāng)于十進制的83.1.4Number類型2.八進制與十六進制數(shù)十六進制的數(shù)需要用數(shù)字0和字母x開頭，后面跟字符只能是0-9或A-F（十六進制字符）之間的一個，大小寫不限。例如：varx=0xA;//這里相當(dāng)于十進制的10或varx=0xa;//等同于0xA雖然Number類型可以使用八進制或十六進制的賦值方式，但是執(zhí)行代碼時仍然會將其轉(zhuǎn)換為十進制結(jié)果。3.1.4Number類型2.八進制與十六進制數(shù)【例3-12】八進制與十六進制的表達方式

3.1.4Number類型3.浮點數(shù)要定義浮點數(shù)，必須使用小數(shù)點以及小數(shù)點后面至少跟一位數(shù)字。例如：如果浮點數(shù)類型的小數(shù)點前面整數(shù)位為0可以省略。例如：varx=3.14;vary=5.0;varx=.15;//等同于0.153.1.4Number類型3.浮點數(shù)浮點數(shù)可以使用toFixed()方法規(guī)定小數(shù)點后保留幾位數(shù)。其語法格式如下：其中參數(shù)digital換成小數(shù)點后需要保留的位數(shù)即可。例如：toFixed(digital)varx=3.1415926;varresult=x.toFixed(2);//返回值為3.143.1.4Number類型3.浮點數(shù)該方法遵照四舍五入的規(guī)律，即使進位后小數(shù)點后面只有0也會保留指定的位數(shù)。例如：varx=0.9999;varresult=x.toFixed(2);//返回值為1.003.1.4Number類型3.浮點數(shù)需要注意的是，在JavaScript中使用浮點數(shù)進行計算，有時會產(chǎn)生誤差。例如：varx=0.7+0.1;alert(x);//返回值會變成0.7999999999999999，而不是0.8這是由于表達式使用的是十進制數(shù)，但是實際的計算是轉(zhuǎn)換成二進制數(shù)計算再轉(zhuǎn)回十進制結(jié)果的，在此過程中有時會損失精度。此時使用自定義函數(shù)將兩個加數(shù)都乘以10進行計算后再除以10還原。3.1.4Number類型3.浮點數(shù)【例3-13】JavaScript浮點數(shù)的簡單應(yīng)用3.1.4Number類型4.特殊Number值在JavaScript中，Number類型還有一些特殊值，如表所示。3.1.4Number類型4.特殊Number值(1)InfinityInfinity表示無窮大的含義，有正負之分。當(dāng)數(shù)值超過了JavaScript允許的范圍就會顯示為Infinity（超過上限）或-Infinity（超過下限）。例如：varx=9e30000;alert(x);//因為該數(shù)字已經(jīng)超出上限，返回值為Infinity3.1.4Number類型4.特殊Number值(1)Infinity在數(shù)字比較大小時，無論原數(shù)據(jù)值為多少，結(jié)果為Infinity的兩個數(shù)認為相等，而同樣兩個-Infinity也是相等的。例如：varx1=3e9000;varx2=9e3000;alert(x1==x2);//判斷變量x1與x2是否相等，返回值為true上述代碼中變量x1與x2的實際數(shù)據(jù)值并不相等，但是由于它們均超出了JavaScript可以接受的數(shù)據(jù)范圍，因此返回值均為Infinity，從而判斷是否相等時會返回true（真）。3.1.4Number類型4.特殊Number值(1)Infinity在JavaScript中使用數(shù)字0作為除數(shù)不會報錯，如果正數(shù)除以0返回值就是Infinity，負數(shù)除以0返回值為-Infinity，特殊情況0除以0的返回值為NaN（非數(shù)字）。例如：varx1=5/0;//返回值是Infinityvarx2=-5/0;//返回值是-Infinityvarx3=0/0;//返回值是NaN3.1.4Number類型4.特殊Number值(1)InfinityInfinity不可以與其他正常顯示的數(shù)字進行數(shù)學(xué)計算，返回結(jié)果均會是NaN。例如：varx=Numer.POSITIVE_INFINITY;varresult=x+99;alert(result);//返回值為NaN3.1.4Number類型4.特殊Number值(1)Infinity【例3-14】JavaScript特殊Number值Infinity的應(yīng)用

3.1.4Number類型4.特殊Number值(2)NaNNaN表示的是非數(shù)字（NotaNumber），該數(shù)值用于表示數(shù)據(jù)轉(zhuǎn)換成Number類型失敗的情況，從而無需拋出異常錯誤。例如將String類型轉(zhuǎn)換為Number類型。NaN因為不是真正的數(shù)字，不能用于進行數(shù)學(xué)計算。并且即使兩個數(shù)值均為NaN，它們也并不相等。例如將英文單詞轉(zhuǎn)換為Number類型，就會導(dǎo)致轉(zhuǎn)換結(jié)果為NaN，具體代碼如下：varx="red";varresult=Number(x);//返回值為NaN，因為沒有對應(yīng)的數(shù)值可以轉(zhuǎn)換3.1.4Number類型4.特殊Number值(2)NaNJavaScript還提供了用于判斷數(shù)據(jù)類型是否為數(shù)值的方法isNaN()，其返回值是布爾值。當(dāng)檢測的數(shù)據(jù)可以正確轉(zhuǎn)換為Number類型時返回真（true），其他情況返回假（false）。其語法規(guī)則如下：isNaN(變量名稱)3.1.4Number類型4.特殊Number值(2)NaN例如：varx1="red";varresult1=isNaN(x1);//返回值是假（false）

varx2="999";varresult2=isNaN(x2);//返回值是真（true）3.1.4Number類型4.特殊Number值(2)NaN【例3-15】JavaScript特殊Number值NaN的應(yīng)用3.1.5Boolean類型布爾值（boolean）在很多程序語言中都被用于進行條件判斷，其值只有兩種：true（真）或者false（假）。3.1.5Boolean類型布爾類型的值可以直接使用單詞true或false，也可以使用表達式。例如：varanswer=true;varanswer=false;varanswer=(1>2);其中1>2的表達式不成立，因此返回結(jié)果為false（假）。3.1.5Boolean類型【例3-16】JavaScriptBoolean類型的簡單應(yīng)用3.2JavaScript對象類型3.2.1本地對象3.2.2內(nèi)置對象3.2.3宿主對象3.2JavaScript對象類型在JavaScript中，對象類型分為三種：本地對象、內(nèi)置對象和宿主對象。本地對象（nativeobject）是ECMAScript定義的引用類型；內(nèi)置對象（built-inobject）指的是無需實例化可直接使用的對象，其實也是特殊的本地對象；宿主對象（hostobject）指的是用戶的機器環(huán)境，包括DOM和BOM。3.2.1本地對象1.數(shù)組Array2.日期Date3.正則表達式RegExp

4.對象Object3.2.1本地對象1.數(shù)組Array在JavaScript中可以使用數(shù)組（Array）類型在單個變量中存儲一系列的值。例如：varmobile=newArray();varmobile[0]="蘋果";varmobile[1]="三星";varmobile[2]="華為";數(shù)組是從0開始計數(shù)的，因此第一個元素的下標(biāo)是[0]，后面每新增一個元素下標(biāo)+1。使用Array類型存儲數(shù)組的特點是無需在一開始聲明數(shù)組的具體元素數(shù)量，可以在后續(xù)代碼中陸續(xù)新增數(shù)組元素。3.2.1本地對象1.數(shù)組Array如果一開始就可以確定數(shù)組的長度，即其中的元素不需要后續(xù)動態(tài)加入，可直接寫成：varmobile=newArray("蘋果","三星","華為");或varmobile=["蘋果","三星","華為"];此時數(shù)組元素之間使用逗號隔開。3.2.1本地對象1.數(shù)組ArrayArray對象還包含了length屬性，可以用于獲取當(dāng)前數(shù)組的長度，即數(shù)組中的元素個數(shù)。如果當(dāng)前數(shù)組中沒有包含元素，則length值為0。例如：varmobile=["蘋果","三星","華為"];varx=mobile.length;//這里x值為3Array對象還包含了一系列方法用于操作數(shù)組，常用方法如表4-7所示。3.2.1本地對象1.數(shù)組Array【例3-17】JavaScriptArray對象的簡單應(yīng)用

3.2.1本地對象2.日期Date在JavaScript中使用Date對象處理時間日期有關(guān)內(nèi)容。有四種初始化方式，列舉如下：//表示獲取當(dāng)前的日期與時間newDate();//使用表示日期時間的字符串定義時間，例如填入May10,200012:12:00newDate(dateString);//使用從1970年1月1日到指定日期的毫秒數(shù)定義時間，例如填入1232345newDate(milliseconds);//自定義年、月、日、時、分、秒和毫秒，時分秒和毫秒?yún)?shù)缺省情況默認為0newDate(year,month,day,hours,minutes,seconds,milliseconds);可以用Date對象一系列方法分別獲取指定的內(nèi)容，Date對象的常見方法如表3-6所示。3.2.1本地對象2.日期Date【例3-18】JavaScriptDate對象的簡單應(yīng)用

3.2.1本地對象3.正則表達式RegExpRegExp對象表示正則表達式（RegularExpression），通常用于檢索文本中是否包含指定的字符串。其語法格式如下：newRegExp(pattern[,attributes])

參數(shù)解釋如下：pattern：該參數(shù)為字符串形式，用于規(guī)定正則表達式的匹配規(guī)則或填入其他正則表達式。attributes：該參數(shù)為可選參數(shù)，可包含屬性值g、i或者m，分別表示全局匹配、區(qū)分大小寫匹配與多行匹配。3.2.1本地對象3.正則表達式RegExp例如：還有一種簡寫形式，格式如下：因此前面用于全局檢索數(shù)字0-9的正則表達式聲明可修改為如下內(nèi)容：varpattern=newRegExp([0-9],g);上述代碼表示聲明了一個用于全局檢索文本中是否包含數(shù)字0-9之間任意字符的正則表達式。/pattern/[attribute]varpattern=/[0-9]/g;JavaScript中常用的正則表達式如表3-7所示。3.2.1本地對象3.正則表達式RegExp

在RegExp對象創(chuàng)建完畢后，有兩種方法可以用于檢索文本，如表所示。3.2.1本地對象3.正則表達式RegExp(1)exec()方法的應(yīng)用exec()方法用于檢索文本中匹配正則表達式的字符串內(nèi)容。其語法格式如下：

例如：RegExpObject.exec(string)該方法如果找到了匹配內(nèi)容，其返回值為存放有檢索結(jié)果的數(shù)組；如果未找到任何匹配內(nèi)容，則返回null值。varpattern=newRegExp("e");//檢索文本中是否包含小寫字母e的正則表達式varresult1=pattern.exec("Hello");//返回值為e，因為字符串中包含小寫字母evarresult2=pattern.exec("Hello");//返回值為null，因為字符串后續(xù)內(nèi)容中不包含小寫字母e3.2.1本地對象3.正則表達式RegExp(1)exec()方法的應(yīng)用如果查到內(nèi)容較多，可以使用while循環(huán)語句進行檢索。例如：vars="Helloeveryone";//初始字符串varpattern=newRegExp("e");//檢索文本中是否包含小寫字母e的正則表達式varresult;//用于獲取每次檢索結(jié)果//while循環(huán)while((result=pattern.exec(s))!=null){alert(result);//輸出本次檢索結(jié)果}3.2.1本地對象3.正則表達式RegExp(1)exec()方法的應(yīng)用【例3-19】JavaScript正則表達式exec()方法的簡單應(yīng)用3.2.1本地對象3.正則表達式RegExp(2)test()方法的應(yīng)用

test()方法用于檢測文本中是否包含指定的正則表達式內(nèi)容，返回值為布爾值。其語法格式如下：例如：RegExpObject.test(string)varpattern=newRegExp("e");//檢索文本中是否包含小寫字母e的正則表達式varresult=pattern.test("Hello");//返回值為true，因為字符串中包含小寫字母e3.2.1本地對象3.正則表達式RegExp(2)test()方法的應(yīng)用【例3-20】JavaScript正則表達式test()方法的簡單應(yīng)用3.2.1本地對象4.對象Object在JavaScript中，所有類型都是對象，例如字符串、數(shù)字、數(shù)組等，這些可以帶有屬性和方法的變量稱為對象。例如String對象包含了length屬性用于獲取字符串長度，也包含了subtring()、indexOf()等方法用于處理字符串。屬性是與對象相關(guān)的值，方法是對象可執(zhí)行的動作。例如，將學(xué)生作為現(xiàn)實中的對象，他具有學(xué)號、姓名、班級、專業(yè)等屬性值，也可以具有選課、學(xué)習(xí)和考試等行為動作。3.2.1本地對象4.對象Object在JavaScript中創(chuàng)建student對象的寫法如下：varstudent=newObject();="張三";//姓名student.id="2016010212";//學(xué)號student.major="計算機科學(xué)與技術(shù)";//專業(yè)//學(xué)習(xí)方法student.study=function(){alert("開始學(xué)習(xí)");};3.2.1本地對象4.對象Object獲取對象中的指定屬性有兩種方法，一是對象變量名稱后面加點(.)和屬性名稱（對象名.屬性名）；二是對象變量名稱后面使用中括號和引號包圍屬性名稱（對象名["屬性名"]）。仍然以上面的student對象為例，獲取其中學(xué)生姓名的寫法如下：varresult=;或varresult=student["name"];3.2.1本地對象4.對象Object還可以用該方法直接修改對象中的屬性值，例如將之前的學(xué)生姓名張三換成新內(nèi)容：="李四";alert();//此時輸出結(jié)果不再是張三，而是修改后的李四。3.2.1本地對象4.對象Object【例3-21】JavaScriptObject對象的簡單應(yīng)用

3.2.2內(nèi)置對象1.Gobal對象2.Math對象3.2.2內(nèi)置對象1.Gobal對象在JavaScript中Gobal對象又稱為全局對象，其中包含的屬性和函數(shù)可以用于所有的本地JavaScript對象。Gobal對象的全局屬性和方法分別如表3-9和3-10所示。3.2.2內(nèi)置對象2.Math對象在JavaScript中Math對象用于數(shù)學(xué)計算，無需初始化創(chuàng)建，可以直接使用關(guān)鍵詞Math調(diào)用其所有的屬性和方法。Math對象的常用屬性和常用方法分別如表3-11和表3-12所示。【例3-22】JavaScriptMath對象的簡單應(yīng)用

3.2.3宿主對象宿主對象包括HTMLDOM（文檔對象模型）和BOM（瀏覽器對象模型）。具體內(nèi)容和用法請參考第5章內(nèi)容。3.3JavaScript類型轉(zhuǎn)換3.3.1轉(zhuǎn)換成字符串3.3.2轉(zhuǎn)換成數(shù)字3.3.3強制類型轉(zhuǎn)換3.3.1轉(zhuǎn)換成字符串在JavaScript中，布爾值類型（Boolean）和數(shù)字類型（Number）這兩種基本數(shù)據(jù)類型均可使用toString()方法把值轉(zhuǎn)換為字符串形式。布爾值類型（Boolean）的toString()方法只能根據(jù)初始值返回true或者false。例如：varx=true;varresult=x.toString();//返回"true"3.3.1轉(zhuǎn)換成字符串而數(shù)字類型（Number）使用toString()方法有兩種模式，分別稱為默認模式和基數(shù)模式。在默認模式中，toString()不帶參數(shù)直接使用，此時無論是整數(shù)、小數(shù)或者科學(xué)計數(shù)法表示的內(nèi)容，都會顯示為十進制的數(shù)值。例如：varx1=99;varx2=99.90;varx3=1.25e8;

varresult1=x1.toString();//返回值為"99"varresult2=x2.toString();//返回值為"99.9"varresult3=x3.toString();//返回值為"125000000"3.3.1轉(zhuǎn)換成字符串在基數(shù)模式下，需要在toString()方法的括號內(nèi)部填入一個指定的參數(shù)，根據(jù)參數(shù)指示把原始數(shù)據(jù)轉(zhuǎn)換為二進制、八進制或十六進制數(shù)。其中二進制對應(yīng)基數(shù)2，八進制對應(yīng)基數(shù)8，十六進制對應(yīng)基數(shù)16。例如：varx=10;varresult1=x.toString(2);//聲明將原始數(shù)據(jù)轉(zhuǎn)換成二進制數(shù)，返回值為"1010"varresult2=x.toString(8);//聲明將原始數(shù)據(jù)轉(zhuǎn)換成八進制數(shù)，返回值為"12"varresult3=x.toString(16);//聲明將原始數(shù)據(jù)轉(zhuǎn)換成十六進制數(shù)，返回值為"A"由此可見，對于同一個變量使用toString()方法進行轉(zhuǎn)換，如果填入的基數(shù)不同會導(dǎo)致返回完全不同的結(jié)果。3.3.1轉(zhuǎn)換成字符串【例3-23】JavaScript轉(zhuǎn)換字符串類型的簡單應(yīng)用3.3.2轉(zhuǎn)換成數(shù)字JavaScript提供了兩種將String類型轉(zhuǎn)換為Number類型的方法：parseInt()和parseFloat()，其中parseInt()用于將值轉(zhuǎn)換為整數(shù)，parseFloat()用于將值轉(zhuǎn)換為浮點數(shù)。這兩種方法僅適用于對String類型的數(shù)字內(nèi)容轉(zhuǎn)換，其他類型的返回值都是NaN。3.3.2轉(zhuǎn)換成數(shù)字(1)parseInt()方法parseInt()方法轉(zhuǎn)換的原理是從左往右依次檢查每個位置上的字符，判斷該位置上是否是有效數(shù)字，如果是則將有效數(shù)字轉(zhuǎn)換為Number類型，直到發(fā)現(xiàn)不是數(shù)字的字符，則停止后續(xù)的檢查工作。例如：如果需要轉(zhuǎn)換的字符串從第一個位置上就不是有效數(shù)字，則直接返回NaN。例如：varx="123hello";varresult=parseInt(x);//返回值是123，因為h不是有效數(shù)字，則停止檢查varx="hello";varresult=parseInt(x);//返回值是NaN，因為第一個字符h就不是有效數(shù)字，直接停止檢查3.3.2轉(zhuǎn)換成數(shù)字(1)parseInt()方法由于parseInt只能進行整數(shù)數(shù)字的轉(zhuǎn)換，因此檢測到某個字符位置上是小數(shù)點也會認為不是有效數(shù)字，從而終止檢測和轉(zhuǎn)換。例如：parseInt()方法還有一個可選的參數(shù)二，可以用于聲明需要轉(zhuǎn)換的數(shù)字為二進制、八進制、十進制、十六進制等。例如：varx="3.14";varresult=parseInt(x);//返回值是3，因為小數(shù)點不是有效數(shù)字，則停止檢查varx="10";varresult1=parseInt(x,2);//表示原始數(shù)據(jù)為二進制，返回值為2varresult2=parseInt(x,8);//表示原始數(shù)據(jù)為八進制，返回值為8varresult3=parseInt(x,10);//表示原始數(shù)據(jù)為十進制，返回值為10varresult4=parseInt(x,16);//表示原始數(shù)據(jù)為十六進制，返回值為163.3.2轉(zhuǎn)換成數(shù)字(1)parseInt()方法有一種特殊情況需要注意：如果原始數(shù)據(jù)為十進制數(shù)，但是前面包含數(shù)字0開頭，則最好使用參數(shù)二進行特別強調(diào)，否則會被默認轉(zhuǎn)換為八進制數(shù)。例如：varx="010";varresult1=parseInt(x);//表示原始數(shù)據(jù)為八進制，返回值為8varresult2=parseInt(x,10);//表示原始數(shù)據(jù)為十進制，返回值為10varresult3=parseInt(x,8);//表示原始數(shù)據(jù)為八進制，返回值為83.3.2轉(zhuǎn)換成數(shù)字(1)parseInt()方法【例3-24】JavaScript轉(zhuǎn)換整數(shù)類型的簡單應(yīng)用3.3.2轉(zhuǎn)換成數(shù)字(2)parseFloat()方法parseFloat()方法的轉(zhuǎn)換原理與parseInt()方法類似，都是從左往右依次檢查每個位置上的字符，判斷該位置上是否是有效數(shù)字，如果是則將有效數(shù)字轉(zhuǎn)換為Number類型，直到發(fā)現(xiàn)不是數(shù)字的字符，則停止后續(xù)的檢查工作。與parseInt()方法類似，如果需要轉(zhuǎn)換的字符串從第一個位置上就不是有效數(shù)字，則直接返回NaN。例如：varx="hello3.14";varresult=parseFloat(x);//返回值是NaN，因為第一個字符h就不是有效數(shù)字，則停止檢查3.3.2轉(zhuǎn)換成數(shù)字(2)parseFloat()方法但是與parseInt()方法不同的是，小數(shù)點在parseInt()方法中也認為是無效字符，但是在parseFloat()方法中首次出現(xiàn)的小數(shù)點也被認為是有效的。例如：如果同時出現(xiàn)多次小數(shù)點，也只有第一個小數(shù)點是有效的。例如：varx="3.14hello";varresult=parseFloat(x);//返回值是3.14，因為h不是有效數(shù)字，則停止檢查varx="26";varresult=parseFloat(x);//返回值是3.14，因為第二個小數(shù)點不是有效數(shù)字，則停止檢查3.3.2轉(zhuǎn)換成數(shù)字(2)parseFloat()方法和parseInt()還有一個不同之處在于：parseFloat()方法只允許接受十進制的表示方法，而parseInt()方法允許轉(zhuǎn)換二進制、八進制和十六進制數(shù)。因此八進制數(shù)如果是最前面帶有數(shù)字0的形式，會直接忽略0轉(zhuǎn)換為普通十進制數(shù)。例如：varx="010";varresult1=parseInt(x);//默認為是八進制數(shù)，返回值為8varresult2=parseFloat(x);//默認為是十進制數(shù)，返回值為103.3.2轉(zhuǎn)換成數(shù)字(2)parseFloat()方法而十六進制數(shù)中如果出現(xiàn)字母則直接按照字面的意思認為是無效的字符串。例如：varx="A";varresult1=parseInt(x,16);//parseInt()允許十六進制數(shù)，返回值為10varresult2=parseFloat(x);//parseFloat()不允許十六進制數(shù)，返回值為NaN3.3.2轉(zhuǎn)換成數(shù)字(2)parseFloat()方法【例3-25】JavaScript轉(zhuǎn)換浮點數(shù)類型的簡單應(yīng)用3.3.3強制類型轉(zhuǎn)換一些特殊的值無法使用toString()、parseInt()或parseFloat()方法進行轉(zhuǎn)換，例如null、undefined等。此時可以使用JavaScript中的強制轉(zhuǎn)換（TypeCasting）對其進行轉(zhuǎn)換。3.3.3強制類型轉(zhuǎn)換在JavaScript中有三種強制類型轉(zhuǎn)換函數(shù)，解釋如下：Boolean(value)：把指定的值強制轉(zhuǎn)換為布爾值。Number(value)：把指定的值強制轉(zhuǎn)換為數(shù)值（整數(shù)或浮點數(shù)）。String(value)：把指定的值強制轉(zhuǎn)換為字符串。3.3.3強制類型轉(zhuǎn)換1.Boolean()函數(shù)JavaScript中所有其他類型都可以使用類型轉(zhuǎn)換函數(shù)Boolean()轉(zhuǎn)換成布爾值，再進行后續(xù)計算。當(dāng)需要轉(zhuǎn)換的值為非空字符串時，Boolean()函數(shù)的返回值為true；而當(dāng)需要轉(zhuǎn)換的值為空字符串時會返回false。例如：varresult1=Boolean("hello");//非空字符串的返回值為truevarresult2=Boolean("");//空字符串的返回值為false3.3.3強制類型轉(zhuǎn)換1.Boolean()函數(shù)當(dāng)需要轉(zhuǎn)換的值為數(shù)字時，整數(shù)0的返回值為false，其余所有整數(shù)與浮點數(shù)的返回值為true。例如：varresult1=Boolean(0);//數(shù)字0的返回值為falsevarresult2=Boolean(999);//非0整數(shù)的返回值為truevarresult3=Boolean(3.14);//浮點數(shù)的返回值為true3.3.3強制類型轉(zhuǎn)換1.Boolean()函數(shù)當(dāng)需要轉(zhuǎn)換的值為null或undefined時，Boolean()函數(shù)的返回值均為false。例如：當(dāng)需要轉(zhuǎn)換的值本身就是布爾值時，會轉(zhuǎn)換成原本的值。例如：varresult1=Boolean(null);//返回值為falsevarresult2=Boolean(undefined);//返回值為falsevarresult1=Boolean(true);//返回值為truevarresult2=Boolean(false);//返回值為false3.3.3強制類型轉(zhuǎn)換2.

Number()函數(shù)在JavaScript中Number()函數(shù)可以將任意類型的值強制轉(zhuǎn)換為數(shù)字類型。當(dāng)需要轉(zhuǎn)換的內(nèi)容為符合語法規(guī)范的整數(shù)或小數(shù)時，Number()將調(diào)用對應(yīng)的parseInt()或parseFloat()方法進行轉(zhuǎn)換。例如：當(dāng)需要轉(zhuǎn)換的值為布爾值時，true會轉(zhuǎn)換為整數(shù)1，false會轉(zhuǎn)換為整數(shù)0。例如：varx=Number("2");//返回值為整數(shù)2vary=Number("2.9");//返回值為浮點數(shù)2.9varx=Number(true);//返回值為整數(shù)1vary=Number(false);//返回值為整數(shù)03.3.3強制類型轉(zhuǎn)換2.

Number()函數(shù)與直接使用parseInt()和parseFloat()方法進行數(shù)字類型轉(zhuǎn)換不同的是，如果需要轉(zhuǎn)換的值為數(shù)字后面跟隨超過一個小數(shù)點或其他無效字符時，Number()會返回NaN。例如：varx="2.12.13";varresult1=parseInt(x);//返回值為整數(shù)2varresult2=parseFloat(x);//返回值為浮點數(shù)2.12varresult3=Number(x);//返回值為NaN3.3.3強制類型轉(zhuǎn)換2.

Number()函數(shù)當(dāng)需要轉(zhuǎn)換的值為null或undefined時，Number()函數(shù)分別返回0和NaN。例如：當(dāng)需要轉(zhuǎn)換的值為其他自定義對象時，返回值均為NaN。例如：varx1=null;//null值varx2;//undefined值varresult1=Number(x1);//返回整數(shù)0varresult2=Number(x2);//返回NaNvarstudent=newObject();varresult=Number(student);//返回NaN3.3.3強制類型轉(zhuǎn)換3.String(value)函數(shù)在JavaScript中String()函數(shù)可以將任意類型的值強制轉(zhuǎn)換為字符串類型并保留字面內(nèi)容，這與toString()的轉(zhuǎn)換方法類似。與toString()方法不同之處在于，String()函數(shù)還可以將null、undefined類型強制轉(zhuǎn)換為字符串類型。例如：varx=null;varresult1=String(x);//返回值為字符串"null"varresult2=x.toString();//發(fā)生錯誤，無返回值3.4JavaScript運算符3.4.1賦值運算符3.4.2算術(shù)運算符3.4.3邏輯運算符3.4.4關(guān)系運算符3.4.5相等性運算符3.4.6條件運算符3.4.1賦值運算符在JavaScript中，運算符=專門用來為變量賦值，因此也稱為賦值運算符。在聲明變量時可以使用賦值運算符對其進行初始化，例如：varx1=9;//為變量x1賦值為整數(shù)9varx2="hello";//為變量x2賦值為字符串"hello"3.4.1賦值運算符也可以使用賦值運算符將已存在的變量值賦值給新的變量，例如：還可以使用賦值運算符為多個變量連續(xù)賦值，例如：賦值運算符的右邊還可以接受表達式，例如：varx1=9;//為變量x1賦值為整數(shù)9varx2=x1;//將變量x1的值賦值給新聲明的變量x2varx=y=z=99;//此時變量x、y、z的賦值均為整數(shù)99varx=100+20;//此時變量x將賦值為120這里使用了加法（+）運算符形成的表達式，在運行過程中會優(yōu)先對表達式進行計算，然后再對變量x進行賦值。3.4.2算術(shù)運算符在JavaScript中所有的基本算術(shù)均可以使用對應(yīng)的算術(shù)運算符完成，包括加減乘除和求余等。算術(shù)運算符的常見用法如表3-13所示。3.4.2算術(shù)運算符其中加號還有一個特殊用法：可用于連接文本內(nèi)容或字符串變量。例如：如果將字符串和數(shù)字用加號相加，則會先將數(shù)字轉(zhuǎn)換為字符串，再進行連接。例如：vars1="Hello";vars2="JavaScript";vars3=s1+s2;//結(jié)果會是HelloJavaScriptvars="Hello";varx=2016;varresult=s+x;//結(jié)果會是Hello20163.4.2算術(shù)運算符上述代碼中即使字符串本身也是數(shù)字內(nèi)容，使用加號連接仍然不會進行數(shù)學(xué)運算。例如：vars="2015";varx=2016;varresult=s+x;//結(jié)果會是20152016，而不是兩個數(shù)字相加的和3.4.2算術(shù)運算符將賦值運算符（等號）和算術(shù)運算符（加、減、乘、除、求余數(shù)）結(jié)合使用，可以達到簡寫的效果。具體用法如表所示。3.4.3邏輯運算符邏輯運算符有三種類型：NOT（邏輯非）、AND（邏輯與）和OR（邏輯或）。邏輯運算符使用的符號與對應(yīng)關(guān)系如表所示。3.4.3邏輯運算符在進行邏輯運算之前，JavaScript中自帶的抽象操作ToBoolean會將運算條件轉(zhuǎn)換為邏輯值。轉(zhuǎn)換規(guī)則如表所示。3.4.3邏輯運算符1.邏輯非運算符（NOT）在JavaScript中，邏輯非運算符號與C語言和Java語言都相同，使用感嘆號（?。┎⒎胖迷谶\算內(nèi)容左邊表示。邏輯非運算符的返回值只能是布爾值，即true或者false。邏輯非的運算規(guī)則如表所示。3.4.3邏輯運算符2.邏輯與運算符（AND）在JavaScript中，邏輯與運算符使用雙和符號（&&）表示，用于連接符號前后的兩個條件判斷，表示并列關(guān)系。當(dāng)兩個條件均為布爾值時，邏輯與的運算結(jié)果也是布爾值（true或者false）。判斷結(jié)果如表所示。3.4.3邏輯運算符2.邏輯與運算符（AND）還有一種特殊情況：當(dāng)條件1為假（false）時，無論條件2是任何內(nèi)容（例如null值、undefined、數(shù)字、對象等），最終返回值都是假（false）。原因是邏輯與有簡便運算的特性，即如果第一個條件為假（false）的話，直接判斷邏輯與的運行結(jié)果為假（false），不再執(zhí)行第二個條件。例如：varx1=false;varresult=x1&&x2;//因為x1為false，可以忽略x2直接判斷最終結(jié)果alert(result);//該語句執(zhí)行結(jié)果為false由于條件1為false，邏輯與會直接判定最終結(jié)果為false，直接忽略條件2。因此即使本例中條件2的變量未聲明都不影響代碼的運行。3.4.3邏輯運算符2.邏輯與運算符（AND）如果存在某個條件是數(shù)字類型，則先將其轉(zhuǎn)換為布爾值再繼續(xù)判斷。其中數(shù)字0對應(yīng)的是假（false），其他非0的數(shù)字對應(yīng)的都是真（true）。例如：varx1=0;//對應(yīng)的是falsevarx2=99;//對應(yīng)的是truevarresult=x1&&x2;//結(jié)果是false邏輯與運算符的返回值不一定是布爾值，如果其中某個條件的返回值不是布爾值，有可能出現(xiàn)其他返回值。邏輯非的運算規(guī)則如表3-17所示。3.4.3邏輯運算符3.邏輯或運算符（OR）在JavaScript中，邏輯或運算符使用雙豎線符號（||）表示，用于連接符號前后的兩個條件判斷，表示二選一的關(guān)系。當(dāng)兩個條件均為布爾值時，邏輯或的運算結(jié)果也是布爾值（true或者false）。判斷結(jié)果如表所示。3.4.3邏輯運算符3.邏輯或運算符（OR）還有一種特殊情況：當(dāng)條件1為真（true）時，無論條件2是任何內(nèi)容（例如null值、undefined、數(shù)字、對象等），最終返回值都是真（true）。原因是邏輯或也具有簡便運算的特性，即如果第一個條件為真（true）的話，直接判斷邏輯或的運行結(jié)果為真（true），不再執(zhí)行第二個條件。例如：varx1=true;varresult=x1||x2;//因為x1為true，可以忽略x2直接判斷最終結(jié)果alert(result);//該語句執(zhí)行結(jié)果為true由于條件1為真（true），邏輯或會直接判定最終結(jié)果為真（true），直接忽略條件2。因此即使本例中條件2的變量未聲明都不影響代碼的運行。3.4.3邏輯運算符3.邏輯或運算符（OR）和邏輯與運算符類似，如果存在某個條件是數(shù)字類型，則先將其轉(zhuǎn)換為布爾值再繼續(xù)判斷。其中數(shù)字0對應(yīng)的是假（false），其他非0的數(shù)字對應(yīng)的都是真（true）。例如：varx1=0;//對應(yīng)的是falsevarx2=99;//對應(yīng)的是truevarresult=x1||x2;//結(jié)果是true邏輯或運算符的返回值同樣不一定是布爾值，如果其中某個條件的返回值不是布爾值，有可能出現(xiàn)其他返回值。邏輯非的運算規(guī)則如表4-23所示。3.4.4關(guān)系運算符在JavaScript中，關(guān)系運算符共有四種：大于（>）、小于（<）、大于等于（>=）和小于等于（<=）。用于比較兩個值的大小，返回值一定是布爾值（true或false）。3.4.4關(guān)系運算符1.數(shù)字之間的比較數(shù)字之間的比較完全依據(jù)數(shù)學(xué)中比大小的規(guī)律，當(dāng)條件成立時返回真（true），否則返回假（false）。例如：varresult1=99>0;//符合數(shù)學(xué)規(guī)律，返回truevarresult2=1<100;//不符合數(shù)學(xué)規(guī)律，返回false此時只要兩個運算數(shù)都是數(shù)字即可，整數(shù)或小數(shù)都可以依據(jù)此規(guī)律進行比較并且返回對應(yīng)的布爾值。3.4.4關(guān)系運算符2.字符串之間的比較當(dāng)兩個字符串進行比大小時，是按照從左往右的順序依次比較相同位置上的字符，如果字符完全一樣則繼續(xù)比較下一個。如果兩個字符串在相同位置上都是數(shù)字則仍然按照數(shù)學(xué)上的大小進行比較。例如：varx1="9";varx2="1";varresult=x1>x2;//返回true此時從數(shù)學(xué)概念上來說，9大于1，因此返回值是真（true）。3.4.4關(guān)系運算符2.字符串之間的比較但是如果兩個數(shù)字的位數(shù)不一樣，仍然只對相同位置上的數(shù)字進行比大小，不按照數(shù)學(xué)概念看整體數(shù)值大小。例如：varx1="9";varx2="10";varresult=x1>x2;//返回true此時雖然從數(shù)學(xué)概念上來說10應(yīng)該大于9，但是由于字符串同位置比較原則，此時比較的是變量x1中的9和變量x2中的1，得出結(jié)論9大于1，因此返回值仍然是真（true）。3.4.4關(guān)系運算符2.字符串之間的比較由于JavaScript是一種大小寫敏感的程序語言，所以如果相同位置上的字符大小寫不同就可以直接作出判斷，因為大寫字母的代碼小于小寫字母的代碼。例如：varx1="hello";varx2="HELLO";varresult=x1>x2;//返回true3.4.4關(guān)系運算符2.字符串之間的比較如果大小寫相同，則按照字母表的順序進行比較，字母越往后越大。例如：varx1="hello";varx2="world";varresult=x1>x2;//返回false在上述示例中，同樣按照從左往右的順序先比較兩個字符串的第一個字符，即變量x1中的h和變量x2中的w。按照字母表的順序h在先w在后。因此返回值是假（false）。此時已判斷出結(jié)果因此不再繼續(xù)比較后續(xù)的字符。3.4.4關(guān)系運算符2.字符串之間的比較如果不希望兩個字符串之間的比較受到大小寫字母的干擾，而是無論大小寫都按照字母表順序進行比大小，可以將所有字母都轉(zhuǎn)換為小寫或大寫的形式，再進行大小的比較。使用方法toLowerCase()可以將所有字母轉(zhuǎn)換為小寫形式，例如：varx1="ball";varx2="CAT";varresult1=x1>x2;//返回truevarresult2=x1.toLowerCase()>x2.toLowerCase();//返回false3.4.4關(guān)系運算符2.字符串之間的比較使用方法toUpperCase()可以將所有字母轉(zhuǎn)換為大寫形式，例如：varx1="ball";varx2="CAT";varresult1=x1>x2;//返回truevarresult2=x1.toUpperCase()>x2.toUpperCase();//返回false本示例使用了toUpperCase()將所有字母轉(zhuǎn)換為大寫再進行比較，效果與之前使用方法toLowerCase()將所有字母轉(zhuǎn)換為小寫的原理相同，不再贅述。3.4.5相等性運算符在JavaScript中，相等性運算符共有四種：等于（==）、非等于（!=）、全等于（===）。和非全等于（!==）。用于判斷兩個值是否相等，返回值一定是布爾值（true或false）。3.4.5相等性運算符1.等于和非等于運算符在JavaScript中，判斷兩個數(shù)值是否相等用雙等于符號（==