網(wǎng)頁設(shè)計與制作教程Web前端開發(fā)（第7版）課件：JavaScript語法基礎(chǔ)-數(shù)據(jù)類型_第1頁
網(wǎng)頁設(shè)計與制作教程Web前端開發(fā)（第7版）課件：JavaScript語法基礎(chǔ)-數(shù)據(jù)類型_第2頁
網(wǎng)頁設(shè)計與制作教程Web前端開發(fā)（第7版）課件：JavaScript語法基礎(chǔ)-數(shù)據(jù)類型_第3頁
網(wǎng)頁設(shè)計與制作教程Web前端開發(fā)（第7版）課件：JavaScript語法基礎(chǔ)-數(shù)據(jù)類型_第4頁
網(wǎng)頁設(shè)計與制作教程Web前端開發(fā)（第7版）課件：JavaScript語法基礎(chǔ)-數(shù)據(jù)類型_第5頁
已閱讀5頁，還剩21頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

本節(jié)介紹JavaScript的數(shù)據(jù)類型。

JavaScript語法基礎(chǔ)

數(shù)據(jù)類型目錄

JavaScript程序設(shè)計基礎(chǔ)7.1JavaScript概述7.2在HTML文檔中使用JavaScript7.3數(shù)據(jù)類型7.4標(biāo)識符、變量和常量7.5運(yùn)算符和表達(dá)式7.6流程控制7.7函數(shù)7.8正則表達(dá)式習(xí)題77.3數(shù)據(jù)類型7.3.1數(shù)據(jù)類型的分類1.基本數(shù)據(jù)類型基本數(shù)據(jù)類型也稱值類型、簡單數(shù)據(jù)類型、原始類型，JavaScript有5種基本數(shù)據(jù)類型，即字符串（string）、數(shù)值（number）、布爾（boolean）、空（null）、未定義（undefined）、symbol（ES6引入了一種新的基本數(shù)據(jù)類型，表示獨(dú)一無二的值）。2.引用數(shù)據(jù)類型引用數(shù)據(jù)類型包括：對象（objcct）、數(shù)組（array）、函數(shù)（function）。7.3數(shù)據(jù)類型7.3.2基本數(shù)據(jù)類型1.string類型string（字符串）類型由0個或多個字符組成的一串序列，被雙引號（"）或者單引號（'）括起來。字符串中每個字符都有特定的位置，首字符的位置是0，第二個字符的位置是1，以此類推。7.3數(shù)據(jù)類型2.number類型number（數(shù)值）類型都用64位浮點(diǎn)格式表示，無論什么樣的數(shù)值類型，統(tǒng)一用number表示。例如：32，23.16對于較大或較小的數(shù)值可用科學(xué)（指數(shù)）計數(shù)法表示。例如：132e5表示13200000，132e-5表示0.00132。7.3數(shù)據(jù)類型默認(rèn)情況下，數(shù)值用十進(jìn)制顯示。toString()方法的語法格式為：number.toString(radix)參數(shù)radix可選，表示數(shù)字的基數(shù)，是2~36之間的整數(shù)。若省略該參數(shù)，則使用基數(shù)10。NaN（NotaNumber）是代表非數(shù)值的特殊值，用于指示某個值不是數(shù)值。使用isNaN()全局函數(shù)來判斷一個值是否是NaN值。7.3數(shù)據(jù)類型【例7-4】string、number類型示例，本例文件7-4.html在瀏覽器中顯示的效果，如圖7-7所示。7.3數(shù)據(jù)類型<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>string、number類型</title>

<scripttype="text/javascript">varmyString="Hello\"World\"!<br>";//轉(zhuǎn)義document.write(myString);//Hello"World"!varmyNumber=128;//128十進(jìn)制document.write(myNumber+'十進(jìn)制<br>');//128十進(jìn)制document.write(myNumber.toString(16)+'十六進(jìn)制<br>');//80十六進(jìn)制document.write(myNumber.toString(8)+'八進(jìn)制<br>');//200八進(jìn)制document.write(myNumber.toString(2)+'二進(jìn)制<br>');//10000000二進(jìn)制varx=100/"Abc";vary=100/"10";

document.write(x,'',y,'<br>');//NaN10document.write(isNaN(x)+"<br>"+isNaN(y));

</script></head><body></body></html>7.3數(shù)據(jù)類型3.boolean類型boolean（布爾、邏輯）類型只能有兩個值true或false。也可以用0表示false，非0表示true。布爾常用在條件測試中。例如:varbFlag=true;ifbFlagfFlag=false;7.3數(shù)據(jù)類型4.undefined類型undefined的意思是未定義的，undefined類型只有一個值，即undefined。以下幾種情況下會返回undefined。在引用一個定義過但沒有賦值的變量時，返回undefined。在引用一個不存在的數(shù)組元素時，返回undefined。在引用一個不存在的對象屬性時，返回undefined。7.3數(shù)據(jù)類型5.null類型null的意思是空，表示沒有任何值，null類型只有一個值null?？梢酝ㄟ^將變量的值賦值為null來清空變量。7.3數(shù)據(jù)類型7.3.3數(shù)據(jù)類型的判斷1.typeof操作符語法格式為：typeof值或變量或表達(dá)式它有一個參數(shù)，即要檢查的值或者變量。對變量或者值調(diào)用typeof運(yùn)算符將返回undefined（undefined類型）、boolean（boolean類型）、number（number類型）、string（string類型）、object（引用類型或者null類型）、function（函數(shù)類型）和symbol（symbol類型）。7.3數(shù)據(jù)類型【例7-5】下面語句。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>typeof操作符</title><scripttype="text/javascript">document.write(typeof"HelloWorld!"+"<br>");//stringdocument.write(typeof3+"<br>");//numberdocument.write(typeoffalse+"<br>");//booleandocument.write(typeofvarX+"<br>");//undefineddocument.write(typeof[1,2,3]+"<br>");//objectdocument.write(typeof{name:'Tom',age:18}+"<br>");//objectdocument.write(typeofnull+"<br>");//object</script></head><body></body></html>7.3數(shù)據(jù)類型2.instanceof操作符instanceof操作符用于判斷一個引用類型（值類型不能用）屬于哪種類型。語法格式為：

引用類型的值或變量instanceof引用類型的名稱7.3數(shù)據(jù)類型例如，下面語句判斷a是否為數(shù)組類型的變量，輸出“a是一個數(shù)組類型”。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>instanceof操作符</title>

<scripttype="text/javascript">vara=newArray();if(ainstanceofArray){document.write("a是一個數(shù)組類型");}else{document.write("a不是一個數(shù)組類型");}</script></head><body></body></html>7.3數(shù)據(jù)類型7.3.4數(shù)據(jù)類型的轉(zhuǎn)換1.將數(shù)值類型轉(zhuǎn)換為字符串類型1）全局方法String()可以將數(shù)值類型轉(zhuǎn)換為字符串類型。語法格式為：String(表達(dá)式)該方法可用于任何類型的數(shù)值、字符串、變量、表達(dá)式。7.3數(shù)據(jù)類型【例7-7】String()方法示例，本例文件7-7.html在瀏覽器中顯示如圖7-10所示。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>String()示例</title>

<scripttype="text/javascript">varx=123;vars=String(x)+"<br>"+

String(123)+"<br>"+

String(100+200*3)+"<br>"+

String("Hello"+'World!')+"<br>";document.write(s);//123123700HelloWorld!document.write(typeofs);//string</script></head><body></body></html>7.3數(shù)據(jù)類型2）數(shù)值表達(dá)式的方法toString()也有同樣的效果。數(shù)值表達(dá)式的方法toString()的語法格式：

表達(dá)式.toString()在number方法中，還有多個數(shù)字轉(zhuǎn)換為字符串的方法。7.3數(shù)據(jù)類型【例7-8】toString()方法示例，本例文件7-8.html在瀏覽器中顯示如圖7-11所示。<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>toString()方法</title>

<scripttype="text/javascript">varx=123;vars=x.toString()+"<br>"+

(123).toString()+"<br>"+

(100+200*3).toString()+"<br>"+("Hello"+'World!').toString()+"<br>";document.write(s);//123123700HelloWorld!document.write(typeofs);//string</script></head><body></body></html>7.3數(shù)據(jù)類型2.將布爾值轉(zhuǎn)換為字符串全局方法String()，boolean方法toString()都可以將布爾值轉(zhuǎn)換為字符串。例如：String(true)//返回"true"false.toString()//返回"false"

<scripttype="text/javascript">

document.write(String(true));//返回"true"

document.write(false.toString());//返回"false"</script>7.3數(shù)據(jù)類型3.將字符串轉(zhuǎn)換為數(shù)字全局方法Number()可以將字符串轉(zhuǎn)換為數(shù)字。語法格式為：Number(字符串)字符串如果是數(shù)字則轉(zhuǎn)換為數(shù)字類型，空字符串轉(zhuǎn)換為0，其他的字符串轉(zhuǎn)換為NaN。例如：Number("12.35")//返回12.35Number("")//返回0Number("")//返回0Number("1020")//返回NaNNumber("12.35a")//返回NaN在Number方法中，還有其他字符串轉(zhuǎn)為數(shù)字的方法。

<scripttype="text/javascript">

document.write(Number("12.35"));

document.write(Number(""));

document.write(Number("1020"));

document.write(Number("12.35a"));</script>7.3數(shù)據(jù)類型4.一元運(yùn)算符+運(yùn)算符+可用于將變量轉(zhuǎn)換為數(shù)字類型。例如：varx="3";//x是一個字符串vary=+x;//y是一個數(shù)字類型如果變量不能轉(zhuǎn)換，它仍然會是一個數(shù)字類型，但值為NaN（不是一個數(shù)字），例如：varx="abc";//x是一個字符串vary=+x;//y是一個數(shù)字類型（NaN）7.3數(shù)據(jù)類型5.將布爾值轉(zhuǎn)換為數(shù)字類型全局方法Number()可將布爾值轉(zhuǎn)換為數(shù)字類型。Number(false)//返回0Number(true)//返回17.3數(shù)據(jù)類型6.自動轉(zhuǎn)換類型當(dāng)JavaScript嘗試操作一個“錯誤”的數(shù)據(jù)類型時，會自動轉(zhuǎn)換為“正確”的數(shù)據(jù)類型，輸出的結(jié)果可能不是所期望的。例如：3+null//返回3，null轉(zhuǎn)換為0"3"+null//返回"3null"，null轉(zhuǎn)換為"null""3"+1//返回"31"，1轉(zhuǎn)換為"1""3"-1//返回2，"3"轉(zhuǎn)換為3代碼：document.write("<br>");document.write(3+null);document.write("<br>");document.write("3"+null);document.write("<br>");document.write("3"+1);document.write("<br>");document.write("3"-1);

<scripttype="text/javascript">document.write("<br>"

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論