HTML5教案第19讲 JavaScript数组

web前端开发JavaScript数组（教案）教学内容及教学过程说明步骤一问题引入编程中有一类变量可以标识一组数据，这样就可以减少标量的数量？问题1：什么是数组？回答1：。问题2：如何遍历数组重点元素？回答2：。步骤二讲授6.1JavaScript数组6.1.1JavaScript数组定义数组就是一组数的集合，在内存（堆内存）中表现为一段连续的内存地址。创建数组最根本的目的：就是保存更多的数据。如果要使用一个数组，就需要先定义一个数组。在JavaScript中共提供以下两种定义数组的方法。(1)方法一：使用new关键字创建一个Array对象，通过new关键字直接在内存中创建一个数组空间，然后再向数组内添加元素。例：vararr1=newArray();//通过new关键字定义一个空数组arr1vararr1=newArray(3);//通过new关键字定义一个长度为3的数组根据以上方法，还可以在创建数组时直接赋初始值。例：vararr1=newArray("abc","bcd","cde");//在定义数组的同时，直接对数组进行初始化(2)方法二：也可以不用new关键字，直接使用[]声明一个数组，并将其赋以初始值。例：vararr1=["abc","bcd","cde"]6.1.2数组遍历数组遍历就是指依次读取数组中元素。for循环可以实现数组遍历，首先数组下标索引是一组有序数的特征，其次可以通过length属性获取数组的长度，最后在循环体内读取数组元素。主要运行代码如下。<script> vararr=[3,1,5,4,7];//初始化数组 for(i=0;i<arr.length;i++) { console.log(arr[i]);//获取对应位置数组元素 }</script>6.1.3添加元素给数组增加新的元素的方法如下。(1)直接通过数组元素下标添加元素。注意数组下标元素从0开始。vararr1=newArray();//创建数组arr1[0]="abc";//添加元素arr1[1]="bcd";//添加元素(2)push方法可将新元素添加到数组未尾，并返回数组新长度。例如：vararr1=newArray();//创建数组arr1.push("abc");//添加元素如果想要插入多项，用逗号分隔开即可arr1.push("bcd","112");//添加元素(3)unshift()方法可将元素添加到数据的开始，并返回新的数组长度。例如：arr1.unshift("first");//返回新的数组的arr1[0]位置元素是"first"(4)splice(索引位置,删除个数,插入元素1,插入元素2,….插入元素n)方法可以将一个或多个元素添加到数组指定位置。例如：arr1.splice(1,0,"aaa","bbb");//第一个参数表示选择的位置，第二个参数表示删除元素个数，当值为0表示不删除元素，大于0时从参数一的位置删除指定个数的元素，从第三个参数开始表示在参数一位置插入的元素。新数组的arr1[1]元素是"aaa"，arr1[2]元素是"bbb"。 6.1.4删除元素例:vararr1=['a','b','c'];若要删除其中的某个项,可以用以下四种方法。(1)通过delete方法实现指定位置删除:deletearr[1]使用delete删除元素之后数组长度不变，只是被删除元素被置为undefined了。(2)通过数组对象splice方法实现删除。splice()方法向/从数组中添加/删除元素，然后返回被删除的项目.在删除数组元素时，它可以删除任意数量的项，只需要指定2个参数：要删除的第一项的位置和要删除的项数。这种方法会改变数组长度，原来的数组索引也相应改变。arr.splice(1,2);//返回['b','c']长度变为1splice参数中第一个1是删除的起始索引(从0算起)，是数组第一个元素；第二个1是删除元素的个数，在此只删除一个元素，即'b'；(3)通过pop方法，能移除数组中的最后一项并返回该项，并且数组的长度减1。arr1.pop();//返回'c'，长度变为2(4)shift方法与pop方法相反，用于删除并返回数组中的第一项，某种程度上也可以当作删除用。arr2.shift()//返回'a'，长度变为26.1.5合并数组在JavaScript的Array对象中提供了一个concat()方法，其作用是连接两个或更多的数组，并返回一个新的数组。例：vararr1=[1,2,3];vararr2=[4,5,6];vararr3=[7,8,9];varnewVarr=arr1.concat(arr2,arr3);合并之后生成新的数组newVarr为1,2,3,4,5,6,7,8,9，并不改变arr1、arr2、arr3数组。6.2JavaScript数组综合练习6.2.1任务删除一维数组中值最大的元素6.2.2任务分析本例是一维数组遍历的应用，假设数组中第一个元素为最大值并记录其索引，然后遍历后面的元素如果找到比当前值更大的元素，记录较大值及其位置索引，重复上面操作，直到最后一个元素结束本次操作，(1)创建一个数组，随机输入一组值；(2)逐个比较找到最大的值；(3)删除最大值。6.2.3知识点（1）数组的初始化；（2）数组遍历；（3）根据条件选择最大数。6.2.4实现代码示例<script> vararr=[3,1,5,4,7];//定义数组 varmax=arr[0];//默认第一个数是最大值 varindex=0; for(i=1;i<arr.length;i++)//循环数组遍历寻找最大值 if(max<arr[i]) { max=arr[i];//当前值大于max修改max的值，记录位置 index=i; } arr.splice(index,1);//删除指定位置元素 console.log(arr);</script>步骤三课堂小结1．数组的遍历2．数组的编辑重点理解数组的遍历步骤四作业问题引入第1题（2）课后作业1.创建一个数值数组并随机赋值，去掉数组中的重复元素。2.用