HTML5教案第19講 JavaScript數(shù)組

web前端開發(fā)JavaScript數(shù)組（教案）教學(xué)內(nèi)容及教學(xué)過程說明步驟一問題引入編程中有一類變量可以標(biāo)識(shí)一組數(shù)據(jù)，這樣就可以減少標(biāo)量的數(shù)量？問題1：什么是數(shù)組？回答1：。問題2：如何遍歷數(shù)組重點(diǎn)元素？回答2：。步驟二講授6.1JavaScript數(shù)組6.1.1JavaScript數(shù)組定義數(shù)組就是一組數(shù)的集合，在內(nèi)存（堆內(nèi)存）中表現(xiàn)為一段連續(xù)的內(nèi)存地址。創(chuàng)建數(shù)組最根本的目的：就是保存更多的數(shù)據(jù)。如果要使用一個(gè)數(shù)組，就需要先定義一個(gè)數(shù)組。在JavaScript中共提供以下兩種定義數(shù)組的方法。(1)方法一：使用new關(guān)鍵字創(chuàng)建一個(gè)Array對象，通過new關(guān)鍵字直接在內(nèi)存中創(chuàng)建一個(gè)數(shù)組空間，然后再向數(shù)組內(nèi)添加元素。例：vararr1=newArray();//通過new關(guān)鍵字定義一個(gè)空數(shù)組arr1vararr1=newArray(3);//通過new關(guān)鍵字定義一個(gè)長度為3的數(shù)組根據(jù)以上方法，還可以在創(chuàng)建數(shù)組時(shí)直接賦初始值。例：vararr1=newArray("abc","bcd","cde");//在定義數(shù)組的同時(shí)，直接對數(shù)組進(jìn)行初始化(2)方法二：也可以不用new關(guān)鍵字，直接使用[]聲明一個(gè)數(shù)組，并將其賦以初始值。例：vararr1=["abc","bcd","cde"]6.1.2數(shù)組遍歷數(shù)組遍歷就是指依次讀取數(shù)組中元素。for循環(huán)可以實(shí)現(xiàn)數(shù)組遍歷，首先數(shù)組下標(biāo)索引是一組有序數(shù)的特征，其次可以通過length屬性獲取數(shù)組的長度，最后在循環(huán)體內(nèi)讀取數(shù)組元素。主要運(yùn)行代碼如下。<script> vararr=[3,1,5,4,7];//初始化數(shù)組 for(i=0;i<arr.length;i++) { console.log(arr[i]);//獲取對應(yīng)位置數(shù)組元素 }</script>6.1.3添加元素給數(shù)組增加新的元素的方法如下。(1)直接通過數(shù)組元素下標(biāo)添加元素。注意數(shù)組下標(biāo)元素從0開始。vararr1=newArray();//創(chuàng)建數(shù)組arr1[0]="abc";//添加元素arr1[1]="bcd";//添加元素(2)push方法可將新元素添加到數(shù)組未尾，并返回?cái)?shù)組新長度。例如：vararr1=newArray();//創(chuàng)建數(shù)組arr1.push("abc");//添加元素如果想要插入多項(xiàng)，用逗號分隔開即可arr1.push("bcd","112");//添加元素(3)unshift()方法可將元素添加到數(shù)據(jù)的開始，并返回新的數(shù)組長度。例如：arr1.unshift("first");//返回新的數(shù)組的arr1[0]位置元素是"first"(4)splice(索引位置,刪除個(gè)數(shù),插入元素1,插入元素2,….插入元素n)方法可以將一個(gè)或多個(gè)元素添加到數(shù)組指定位置。例如：arr1.splice(1,0,"aaa","bbb");//第一個(gè)參數(shù)表示選擇的位置，第二個(gè)參數(shù)表示刪除元素個(gè)數(shù)，當(dāng)值為0表示不刪除元素，大于0時(shí)從參數(shù)一的位置刪除指定個(gè)數(shù)的元素，從第三個(gè)參數(shù)開始表示在參數(shù)一位置插入的元素。新數(shù)組的arr1[1]元素是"aaa"，arr1[2]元素是"bbb"。 6.1.4刪除元素例:vararr1=['a','b','c'];若要?jiǎng)h除其中的某個(gè)項(xiàng),可以用以下四種方法。(1)通過delete方法實(shí)現(xiàn)指定位置刪除:deletearr[1]使用delete刪除元素之后數(shù)組長度不變，只是被刪除元素被置為undefined了。(2)通過數(shù)組對象splice方法實(shí)現(xiàn)刪除。splice()方法向/從數(shù)組中添加/刪除元素，然后返回被刪除的項(xiàng)目.在刪除數(shù)組元素時(shí)，它可以刪除任意數(shù)量的項(xiàng)，只需要指定2個(gè)參數(shù)：要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的項(xiàng)數(shù)。這種方法會(huì)改變數(shù)組長度，原來的數(shù)組索引也相應(yīng)改變。arr.splice(1,2);//返回['b','c']長度變?yōu)?splice參數(shù)中第一個(gè)1是刪除的起始索引(從0算起)，是數(shù)組第一個(gè)元素；第二個(gè)1是刪除元素的個(gè)數(shù)，在此只刪除一個(gè)元素，即'b'；(3)通過pop方法，能移除數(shù)組中的最后一項(xiàng)并返回該項(xiàng)，并且數(shù)組的長度減1。arr1.pop();//返回'c'，長度變?yōu)?(4)shift方法與pop方法相反，用于刪除并返回?cái)?shù)組中的第一項(xiàng)，某種程度上也可以當(dāng)作刪除用。arr2.shift()//返回'a'，長度變?yōu)?6.1.5合并數(shù)組在JavaScript的Array對象中提供了一個(gè)concat()方法，其作用是連接兩個(gè)或更多的數(shù)組，并返回一個(gè)新的數(shù)組。例：vararr1=[1,2,3];vararr2=[4,5,6];vararr3=[7,8,9];varnewVarr=arr1.concat(arr2,arr3);合并之后生成新的數(shù)組newVarr為1,2,3,4,5,6,7,8,9，并不改變arr1、arr2、arr3數(shù)組。6.2JavaScript數(shù)組綜合練習(xí)6.2.1任務(wù)刪除一維數(shù)組中值最大的元素6.2.2任務(wù)分析本例是一維數(shù)組遍歷的應(yīng)用，假設(shè)數(shù)組中第一個(gè)元素為最大值并記錄其索引，然后遍歷后面的元素如果找到比當(dāng)前值更大的元素，記錄較大值及其位置索引，重復(fù)上面操作，直到最后一個(gè)元素結(jié)束本次操作，(1)創(chuàng)建一個(gè)數(shù)組，隨機(jī)輸入一組值；(2)逐個(gè)比較找到最大的值；(3)刪除最大值。6.2.3知識(shí)點(diǎn)（1）數(shù)組的初始化；（2）數(shù)組遍歷；（3）根據(jù)條件選擇最大數(shù)。6.2.4實(shí)現(xiàn)代碼示例<script> vararr=[3,1,5,4,7];//定義數(shù)組 varmax=arr[0];//默認(rèn)第一個(gè)數(shù)是最大值 varindex=0; for(i=1;i<arr.length;i++)//循環(huán)數(shù)組遍歷尋找最大值 if(max<arr[i]) { max=arr[i];//當(dāng)前值大于max修改max的值，記錄位置 index=i; } arr.splice(index,1);//刪除指定位置元素 console.log(arr);</script>步驟三課堂小結(jié)1．?dāng)?shù)組的遍歷2．?dāng)?shù)組的編輯重點(diǎn)理解數(shù)組的遍歷步驟四作業(yè)問題引入第1題（2）課后作業(yè)1.創(chuàng)建一個(gè)數(shù)值數(shù)組并隨機(jī)賦值，去掉數(shù)組中的重復(fù)元素。2.用