《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第21課 JavaScript基礎(chǔ)（四）_第1頁
《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第21課 JavaScript基礎(chǔ)（四）_第2頁
《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第21課 JavaScript基礎(chǔ)（四）_第3頁
《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第21課 JavaScript基礎(chǔ)（四）_第4頁
《網(wǎng)站前端技術(shù)》（梁玲）621-7 教案 第21課 JavaScript基礎(chǔ)（四）_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

PAGE4PAGE4PAGE3PAGE3PAGE3PAGE3

課題第21課JavaScript基礎(chǔ)（四）課時2課時（90min）教學(xué)目標(biāo)知識技能目標(biāo)：（1）掌握數(shù)組的使用方法（2）理解對象的使用方法，掌握常用的內(nèi)置對象素質(zhì)目標(biāo)：掌握J(rèn)avaScript的相關(guān)知識，增加學(xué)生的知識儲備教學(xué)重難點教學(xué)重點：數(shù)組和對象的使用方法教學(xué)難點：JavaScript常用的內(nèi)置對象教學(xué)方法問答法、討論法、講授法、實踐練習(xí)法教學(xué)用具電腦、投影儀、多媒體課件、教材、文旌課堂APP教學(xué)設(shè)計第1節(jié)課：→→→傳授新知（28min）→上機(jī)操作（10min）第2節(jié)課：→傳授新知（37min）→課堂小結(jié)（3min）→作業(yè)布置（2min）教學(xué)過程主要教學(xué)內(nèi)容及步驟設(shè)計意圖第一節(jié)課課前任務(wù)【教師】布置課前任務(wù)，和學(xué)生負(fù)責(zé)人取得聯(lián)系，讓其提醒同學(xué)通過文旌課堂APP或其他學(xué)習(xí)軟件，完成課前任務(wù)請大家了解JavaScript中數(shù)組和對象的相關(guān)內(nèi)容?！緦W(xué)生】完成課前任務(wù)通過課前任務(wù)，使學(xué)生了解本次課的主要內(nèi)容，增加學(xué)生的學(xué)習(xí)興趣考勤

（2min）【教師】使用文旌課堂APP進(jìn)行簽到【學(xué)生】按照老師要求簽到培養(yǎng)學(xué)生的組織紀(jì)律性，掌握學(xué)生的出勤情況問題導(dǎo)入（5min）【教師】提出以下問題什么是JavaScripts數(shù)組？其包括哪些元素？【學(xué)生】思考、舉手回答【教師】通過學(xué)生的回答引入要講的知識通過問題導(dǎo)入的方法，引導(dǎo)學(xué)生主動思考，激發(fā)學(xué)生的學(xué)習(xí)興趣傳授新知

（28min）4.8數(shù)組【教師】講解數(shù)組的相關(guān)內(nèi)容及使用方法數(shù)組是一組數(shù)據(jù)的集合，是JavaScript中用來存儲和操作有序數(shù)據(jù)集的數(shù)據(jù)結(jié)構(gòu)。一個數(shù)組中可以包含多個元素，每個元素的類型可以是不同的。數(shù)組中元素的類型可以是數(shù)值型、字符串型、布爾型、數(shù)組型、對象型等。?【多媒體】組織學(xué)生掃碼播放“數(shù)組”視頻（詳見教材），讓學(xué)生對這部分內(nèi)容有一個大致地了解4.8.1數(shù)組的聲明聲明數(shù)組可以采用賦值法、構(gòu)造法，也可以直接將捕獲的對象數(shù)組賦值給變量。（1）采用賦值法聲明數(shù)組的語法格式如下：var數(shù)組變量名=[值1,值2,…,值n];【示例4-8-1】聲明一個包含元素a-j的數(shù)組charS。varcharS=["a","b","c","d","e","f","g","h","i","j"];（2）采用構(gòu)造法聲明數(shù)組的語法格式如下：var數(shù)組變量名=newArray();【示例4-8-2】聲明一個名為persons的數(shù)組。varpersons=newArray();（3）直接將捕獲的對象數(shù)組賦值給變量，其語法格式如下：var數(shù)組變量名=document.類或標(biāo)簽選擇器方法名();【示例4-8-3】將捕獲的對象數(shù)組賦值給變量text，代碼如下：vartext=document.getElementsByClassName("text");4.8.2數(shù)組元素的引用【課堂互動】?【教師】提問如何引用數(shù)組元素？?【學(xué)生】聆聽、思考、回答每個數(shù)組元素都有一個索引號（數(shù)組的下標(biāo)），通過索引號可以方便地引用數(shù)組元素。數(shù)組的下標(biāo)從0開始編號。引用數(shù)組元素的語法格式如下：數(shù)組名稱[下標(biāo)值]【示例4-8-4】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varcharS=["a","b","c","d","e","f","g","h","i","j"];alert(charS[2]);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出charS數(shù)組中的第3個元素的值“c”。4.8.3數(shù)組的屬性和方法數(shù)組的屬性和方法有很多，常用的屬性是length，它表示數(shù)組元素的個數(shù)，其語法格式如下：數(shù)組名稱.length常用的方法是sort()，用于對數(shù)組元素進(jìn)行排序，其語法格式如下：數(shù)組名稱.sort()【示例4-8-5】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varnums=[68,79,32,17,90];alert(nums.sort());【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出nums數(shù)組元素排序后的結(jié)果“17,32,68,79,90”。4.8.4數(shù)組的遍歷【課堂互動】?【教師】提問數(shù)組可以借助哪種語句遍歷數(shù)組元素？?【學(xué)生】聆聽、思考、回答在JavaScript中，通常使用for語句遍歷數(shù)組元素，語法格式如下：for(vari=0;i<數(shù)組名稱.length;i++){數(shù)組名稱[i]相關(guān)表達(dá)式}【示例4-8-6】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：window.onload=function(){ vartext=document.getElementsByClassName("text"); varstringS=["衣服","帽子","褲子","鞋","圍巾","手套","頭飾"]; for(vari=0;i<stringS.length;i++){ text[i].innerHTML=stringS[i]; }}在HTML文檔<body>標(biāo)簽內(nèi)輸入以下7個相同的<div>標(biāo)簽，代碼如下：<divclass="text"></div>…<divclass="text"></div>【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評【學(xué)生】聆聽、上機(jī)操作、演示【教師】ppt展示“頁面顯示效果”圖片（詳見教材），并講解效果：頁面加載后，程序獲取類名為“text”的7個div盒子，通過for語句遍歷text數(shù)組和字符串?dāng)?shù)組stringS，并將stringS中的元素值一一賦給text數(shù)組?！咎崾尽咳粝胍獙撁嬖剡M(jìn)行操作，必須要在窗口加載事件中完成?！臼纠?-8-6】中的for語句還可以寫成以下形式：for(iintext){ text[i].innerHTML=stringS[i];}【學(xué)生】聆聽、記錄、理解4.9對象【教師】講解對象的相關(guān)內(nèi)容及使用方法?【多媒體】組織學(xué)生掃碼播放“對象”視頻（詳見教材），讓學(xué)生對這部分內(nèi)容有一個大致地了解對象的概念來自對客觀世界的認(rèn)識，用于描述客觀世界存在的特定實體。在計算機(jī)的世界中，不僅存在來自客觀世界的對象，還包含為解決問題而引入的比較抽象的對象。4.9.1對象的聲明【課堂互動】?【教師】提問聲明對象的方法有哪些？?【學(xué)生】聆聽、思考、回答1.變量聲明法變量聲明法如同一般簡單變量的命名方法，其語法格式如下：var對象名={ 屬性名1:屬性值1, 屬性名2:屬性值2, … 屬性名n:屬性值n, 方法1：function(){方法體1 } … 方法n：function(){ 方法體n }}【提示】使用變量聲明法聲明的對象本身就是一個對象變量，可以直接引用，但不能當(dāng)一個類使用?！臼纠?-9-1】聲明對象car，代碼以下：varcar={ type:"porsche", model:"911", color:"white", callType:function(){ alert(this.type); }}【高手點撥】car對象包含三個屬性type、model、color，一個方法callType。方法callType的作用是彈出屬性type的值。該對象本身就是一個對象變量，可以直接引用，但不能當(dāng)一個類使用。2.函數(shù)聲明法函數(shù)聲明法的語法格式如下：function對象名稱(參數(shù)1,參數(shù)2,…,參數(shù)n){ this.屬性名1=參數(shù)1, this.屬性名2=參數(shù)2, … this.屬性名n=參數(shù)n, this.method1=function(){ 方法體1 } … this.methodn：function(){ 方法體n }}【提示】使用函數(shù)聲明法聲明的對象是一個類，它需要經(jīng)過對象構(gòu)造后才能夠被訪問?！臼纠?-9-2】聲明對象person，代碼如下：functionperson(x,y,z){ =x; this.color=y; this.age=z; this.callName=function(){ alert(); }}4.9.2對象的構(gòu)造對象的構(gòu)造可理解為使用new實例化對象，其語法格式如下：var對象變量名=new類名();【示例4-9-3】在【示例4-9-2】代碼的末尾添加person類的實例化對象personA，代碼如下：varpersonA=newperson("李寧","黃","32");【高手點撥】new實例化了一個對象變量personA，它的姓名為“李寧”，顏色為“黃”，年齡為“32”。4.9.3對象屬性的訪問【課堂互動】?【教師】提問訪問對象屬性的方法有哪些？?【學(xué)生】聆聽、思考、回答訪問對象屬性的方法有層級訪問法和元素訪問法。（1）層級訪問法的語法格式如下：對象變量名.屬性名【示例4-9-4】在【示例4-9-3】末尾輸入如下代碼：alert(personA.age);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出personA對象中屬性age的值“32”。（2）元素訪問法的語法格式如下：對象變量名["屬性名稱"]【示例4-9-5】在【示例4-9-3】末尾輸入如下代碼：alert(personA["color"]);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出personA對象中屬性color的值“黃”。4.9.4對象方法的訪問訪問對象方法的基本語法如下：對象變量名.方法名稱()【示例4-9-6】在【示例4-9-3】末尾輸入如下代碼：personA.callName();效果：調(diào)用對象personA中的方法callName，頁面中彈出屬性name的值“李寧”?！緦W(xué)生】聆聽、記錄、理解通過教師講解、課堂互動、演示操作等方式，使學(xué)生了解數(shù)組和對象的相關(guān)內(nèi)容及使用方法上機(jī)操作（10min）【教師】組織學(xué)生分組討論，上機(jī)完成以下任務(wù)在創(chuàng)建的course.html文件中，設(shè)置程序獲取類名為“course”的7個div盒子，通過for語句遍歷course數(shù)組和字符串?dāng)?shù)組stringS，并將stringS中的元素值一一賦給course數(shù)組。討論、上機(jī)操作通過上機(jī)操作鞏固所學(xué)知識第二節(jié)課問題導(dǎo)入（3min）【教師】提出以下問題JavaScript有哪些內(nèi)置對象？【學(xué)生】思考、舉手回答通過提問引導(dǎo)學(xué)生思考本節(jié)課內(nèi)容傳授新知

（37min）4.10JavaScript內(nèi)置對象【教師】講解內(nèi)置對象的相關(guān)內(nèi)容及使用方法JavaScript中常見的內(nèi)置對象有時間對象Date、數(shù)學(xué)對象Math、字符串對象string、數(shù)組對象array等，每一個對象都有自己的方法和屬性。4.10.1Date對象【課堂互動】?【教師】提問通過Date對象可以獲取哪些內(nèi)容？?【學(xué)生】聆聽、思考、回答Date對象提供了使用日期和時間的方法集合。用戶可以利用Date對象獲取系統(tǒng)日期和時間。使用Date對象之前需要先對其進(jìn)行初始化，然后才可以調(diào)用該對象中的方法，從而獲取和設(shè)置該對象的內(nèi)容。1.Date對象初始化初始化Date對象的語法格式如下：var對象名稱=newDate([參數(shù)]);其中，參數(shù)的形式有以下4種。（1）無參數(shù)，用于獲取系統(tǒng)時間。使用該參數(shù)形式初始化Date對象的語法格式如下：var對象名稱=newDate();【示例4-10-1】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate();alert(myDate);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出此時的系統(tǒng)時間，如“WedMar31202116:36:50GMT+0800(中國標(biāo)準(zhǔn)時間)”。（2）參數(shù)為“year,month,day,hours,minutes,seconds,milliseconds”，依次代表年、月、日、時、分、秒、毫秒。其中，參數(shù)年月不能省略，其他參數(shù)可以省略；日的默認(rèn)值為1，時、分、秒的默認(rèn)值均為0。使用該參數(shù)形式初始化Date對象的語法格式如下：var對象名稱=newDate(year,month,day,hours,minutes,seconds,milliseconds);【示例4-10-2】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate(2021,2,12,16,51,51,0);alert(myDate);效果：頁面中彈出定義的時間“FriMar12202116:51:51GMT+0800(中國標(biāo)準(zhǔn)時間)”?！臼纠?-10-3】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate(2019,8);alert(myDate);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出定義的時間“SunSep01201900:00:00GMT+0800(中國標(biāo)準(zhǔn)時間)”。（3）參數(shù)為“milliseconds”，代表毫秒，表示自從1970年1月1日0時0分0秒后經(jīng)歷的毫秒數(shù)，用這個毫秒數(shù)可以換算成對應(yīng)的“年月日時分秒”型日期。使用該參數(shù)形式初始化Date對象的語法格式如下：var對象名稱=newDate(milliseconds);【示例4-10-4】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate(180000);alert(myDate);效果：頁面中彈出時間“ThuJan01197008:03:00GMT+0800(中國標(biāo)準(zhǔn)時間)”。（4）參數(shù)為日期字符串，如"2021-8-1217:07:12"。使用該參數(shù)形式初始化Date對象的語法格式如下：var對象名稱=newDate("日期字符串");【示例4-10-5】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate("2021-8-1217:07:12");alert(myDate);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出日期字符串所代表的時間“ThuAug12202117:07:12GMT+0800(中國標(biāo)準(zhǔn)時間)”。【提示】參數(shù)為日期字符串時，字符串中表示月份的數(shù)字是實際月份，不再是一個序號。2.Date對象的獲取方法【教師】ppt展示“Date對象常用獲取方法”的表格（詳見教材），并講解調(diào)用Date對象方法的語法格式如下：Date對象.方法名稱()【示例4-10-6】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate("2019-8-1217:35:23:895");varmilliseconds=myDate.getMilliseconds();alert(milliseconds);效果：頁面中彈出Date對象myDate中的毫秒數(shù)“895”。3.Date對象的設(shè)置方法【課堂互動】?【教師】提問常用的Date對象設(shè)置方法有哪些？?【學(xué)生】聆聽、思考、回答【教師】ppt展示“Date對象設(shè)置方法”的表格（詳見教材），并講解【示例4-10-7】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varmyDate=newDate("2019-8-1217:35:23:895");myDate.setMonth(11);alert(myDate);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出修改月份后的Date對象myDate的值“ThuDec12201917:35:23GMT+0800(中國標(biāo)準(zhǔn)時間)”，月份由原來的8月份變?yōu)?2月份。4.10.2Math對象數(shù)學(xué)運算是程序中不可或缺的一部分，JavaScript程序也不例外。JavaScript提供了Math對象用于實現(xiàn)數(shù)學(xué)運算。該對象在JavaScript中是全局變量，不需要創(chuàng)建，直接使用即可。調(diào)用Math對象方法的語法格式如下：Math.方法名稱()該對象中規(guī)范了常用的數(shù)學(xué)方法，如取隨機(jī)數(shù)、向下取整、向上取整、四舍五入等。1.取隨機(jī)數(shù)random()該方法可以返回0（包含）到1（不包含）之間的隨機(jī)數(shù)?！臼纠?-10-8】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：alert(Math.random());效果：頁面中彈出隨機(jī)數(shù)“0.23844303393113075”（該值是每次調(diào)用隨機(jī)函數(shù)后隨機(jī)生成的，不是固定值）。2.向下取整floor()該方法用于對數(shù)值向下取整?！臼纠?-10-9】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：alert(Math.floor(234.8));效果：頁面中彈出“234”?！咎崾尽肯蛳氯≌侵笩o論小數(shù)點后的數(shù)值是多少，小數(shù)部分都會去掉。3.向上取整ceil()該方法用于對數(shù)值向上取整?！臼纠?-10-10】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：alert(Math.ceil(234.2));【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出“235”?！咎崾尽肯蛏先≌侵笩o論小數(shù)點后的數(shù)值是多少，整數(shù)部分都會加1。4.四舍五入round()該方法用于對數(shù)值進(jìn)行四舍五入?！臼纠?-10-11】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：alert(Math.round(234.2));alert(Math.round(234.8));效果：頁面中依次彈出“234”“235”。4.10.3string對象【教師】講解string對象字符串（string）是JavaScript中一種基本的數(shù)據(jù)類型?！菊n堂互動】?【教師】提問JavaScript的對象方法有哪些？?【學(xué)生】聆聽、思考、回答JavaScript提供了很多string對象方法，如獲取字符串長度、查找字符串中的字符串、提取部分字符串、字符串分割為數(shù)組等。調(diào)用string對象方法的語法格式如下：字符串?dāng)?shù)據(jù).方法名稱()1.獲取字符串長度length()該方法用于返回字符串的長度。字符串的長度包含字符串中的空格等字符，1個漢字也按照1個字符計算。【示例4-10-12】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";alert(stringA.length);效果：頁面中彈出字符串的長度“18”。2.查找字符串中的字符串indexOf()和lastIndexOf()【示例4-10-13】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB="student";alert(stringA.indexOf(stringB));【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：頁面中彈出字符串stringA中出現(xiàn)文本stringB的索引“10”。lastIndexOf()用于返回字符串中指定文本最后一次出現(xiàn)的索引（位置），索引從0開始計算?！臼纠?-10-14】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB="s";alert(stringA.lastIndexOf(stringB));效果：頁面中彈出字符串stringA中最后一次出現(xiàn)文本stringB的索引“10”。3.提取部分字符串slice()、substring()、subStr()slice()用于提取字符串的某部分，并在新字符串中返回被提取的部分，其語法格式如下：字符串對象.slice(開始索引,結(jié)束索引)【提示】新字符串的字符包括字符串對象從開始索引（包括開始索引）到結(jié)束索引（不包括結(jié)束索引）為止的所有字符。索引的值必須是有意義的整數(shù)，可以是正整數(shù)、0、負(fù)整數(shù)?！ㄔ斠娊滩模臼纠?-10-15】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB=stringA.slice(5,7);varstringC=stringA.slice(-8,-1);alert(stringB);alert(stringC);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：提取字符串stringA中索引5到索引7（包括5不包括7）的片段“is”賦值給stringB；提取字符串stringA中倒數(shù)第8位到倒數(shù)第1位的片段“student”賦值給stringC。頁面中依次彈出stringB的值“is”和stringC的值“student”。subString()的功能同slice()，但該方法的索引值不能為負(fù)數(shù)，其語法格式如下：字符串對象.substring(開始索引,結(jié)束索引)【示例4-10-16】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB=stringA.substring(5,7);alert(stringB);效果：提取字符串stringA中索引5到索引7（包括5不包括7）的片段“is”賦值給stringB。頁面中彈出stringB的值“is”。subStr()的功能也同slice()，不同之處是該方法的第二個參數(shù)是指提取字符的長度，其語法格式如下：字符串對象.subStr(開始索引,提取字符的長度)【示例4-10-17】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB=stringA.substr(5,2);alert(stringB);【教師】組織學(xué)生分組上機(jī)完成上面的任務(wù)，并在各組中挑選一位學(xué)生進(jìn)行演示，演示完成后教師進(jìn)行點評，并講解代碼的效果效果：提取字符串stringA中從索引5開始2個字符長度組成的片段“is”賦值給stringB。頁面中彈出stringB的值“is”。4.字符串分割為數(shù)組split()該方法用于將一個字符串分割成字符串?dāng)?shù)組，其語法格式如下：字符串對象.split("分隔符")【提示】當(dāng)沒有分隔符時，字符串分隔后仍為原字符串，即其實沒有被分隔。當(dāng)分隔符為空時，字符串分隔后為一個個單獨的字符。當(dāng)分隔符為空格時，字符串分隔后為一個個單詞，但最后一個數(shù)組元素會保留原有字符串的標(biāo)點符號?！臼纠?-10-18】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：varstringA="Thisisastudent.";varstringB=stringA.split("");alert(stringB);alert(stringB[1]);效果：將字符串以空格分隔為4個部分，并賦值給數(shù)組stringB。頁面中依次彈出數(shù)組stringB的元素“This,is,a,student.”和數(shù)組stringB下標(biāo)為1的元素值“is”。4.10.4array對象在JavaScript中，數(shù)組也是一種對象，稱為數(shù)組對象，即array對象?！菊n堂互動】?【教師】提問array對象方法有哪些？?【學(xué)生】聆聽、思考、回答array對象中有很多方法，如刪除元素、添加元素等。調(diào)用array對象方法的語法格式如下：數(shù)組對象.方法名稱()下面詳細(xì)介紹JavaScript提供的array對象方法。1.刪除元素pop()和shift()pop()用于刪除數(shù)組中的最后一個元素，并返回最后一個元素，其語法格式如下：數(shù)組對象.pop()【示例4-10-19】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vararrayA=[13,16,234,43,8,90];varB=arrayA.pop();alert(B);alert(arrayA);效果：刪除數(shù)組arrayA的最后一個元素，并將該元素賦給變量B。頁面中依次彈出B的值“90”和數(shù)組arrayA的新值“13,16,234,43,8”。shift()用于刪除數(shù)組中的第一個元素，并返回第一個元素，其語法格式如下：數(shù)組對象.shift()【示例4-10-20】在HTML文檔<script>標(biāo)簽內(nèi)輸入以下代碼：vararrayA=[13,16,234,43,8,90];varB=arrayA.shift();alert(B);alert

溫馨提示

  • 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

提交評論