JavaScript 程序设计 课件 第8章-数组

第8章数组简约风格｜程序设计主题｜课堂教学版本章学习地图数组基本概念访问数组遍历数组二维数组Array常用方法课程重点理解数组保存一组数据的价值。掌握数组访问、遍历和常用方法。能使用数组完成统计、查找和排序。课堂推进建议1概念导入2语法讲解3示例演示4随堂练习JavaScript程序设计｜授课PPT1第8章学习目标与知识结构JavaScript程序设计｜授课PPT2学习目标理解数组可以保存多个数据。掌握索引、数组元素和length的含义。能使用for和while遍历数组。了解二维数组和常用数组方法。能完成求和、平均值、最大值、排序等任务。本章内容结构1数组定义2索引访问3数组长度4for遍历5while遍历6二维数组7常用方法8冒泡排序第8章为什么需要数组JavaScript程序设计｜授课PPT3普通变量一次只能保存一个数据。当需要保存一组成绩、姓名、颜色、坐标等数据时，数组更合适。数组中的每个数据称为元素，每个元素都有索引。JavaScript数组长度是动态的，可根据需要添加或删除元素。场景一个班的成绩。一组颜色。贪吃蛇身体的多个坐标。第8章定义数组与访问元素JavaScript程序设计｜授课PPT4讲解要点数组直接量使用方括号[]。索引从0开始。arr.length表示数组长度。最后一个元素索引是arr.length-1。JavaScript示例letcolors=["red","orange","yellow","green"];console.log(colors[0]);//redconsole.log(colors[2]);//yellowconsole.log(colors.length);//4console.log(colors[colors.length-1]);第8章遍历数组JavaScript程序设计｜授课PPT5遍历是按一定顺序访问数组中的每个元素。for循环常用于按索引遍历数组。while循环也可遍历数组，但需要自己维护计数器。遍历通常与求和、统计、查找、输出等操作结合。核心模板for(leti=0;i<arr.length;i++){使用arr[i]}第8章数组统计：求总分和平均分JavaScript程序设计｜授课PPT6讲解要点先定义累加变量sum。遍历数组，把每个成绩加到sum中。平均分=总分/人数。JavaScript示例letscores=[90,80,76,86,93,69,85,80];letsum=0;for(leti=0;i<scores.length;i++){sum+=scores[i];}console.log("总分："+sum);console.log("平均分："+sum/scores.length);第8章查找最大值和最小值JavaScript程序设计｜授课PPT7讲解要点先假设第一个元素是最大值或最小值。遍历后续元素并不断比较。发现更大或更小的值就更新变量。JavaScript示例letarr=[12,45,23,67,34];letmax=arr[0];letmin=arr[0];for(leti=1;i<arr.length;i++){if(arr[i]>max)max=arr[i];if(arr[i]<min)min=arr[i];}console.log(max);console.log(min);第8章二维数组JavaScript程序设计｜授课PPT8二维数组可以理解为“数组中的数组”。它常用于表格数据，如多个学生多门课程成绩。访问二维数组元素通常使用arr[i][j]。外层索引表示行，内层索引表示列。示例arr[0][0]：第1行第1列。arr[1][2]：第2行第3列。第8章二维数组示例：成绩表JavaScript程序设计｜授课PPT9讲解要点每个小数组保存一个学生的多门成绩。外层循环遍历学生。内层循环遍历该学生的每门课程。JavaScript示例letscores=[[90,80,76],[86,93,69],[85,80,92]];for(leti=0;i<scores.length;i++){letsum=0;for(letj=0;j<scores[i].length;j++){sum+=scores[i][j];}console.log("第"+(i+1)+"个学生总分："+sum);}第8章Array常用方法JavaScript程序设计｜授课PPT10项目含义/作用课堂关注点push/poppush在尾部添加元素，pop删除尾部元素。常用于栈式数据处理。shift/unshiftshift删除头部元素，unshift在头部添加元素。会影响其他元素索引。slice/spliceslice截取新数组，splice可删除或插入元素。注意splice会修改原数组。sort/reversesort排序，reverse反转数组。sort比较函数决定排序规则。第8章冒泡排序JavaScript程序设计｜授课PPT11讲解要点相邻两个元素比较。如果顺序不符合要求，就交换位置。一轮结束后，最大值会“冒泡”到末尾。重复多轮后完成排序。JavaScript示例letarr=[47,38,65,97,76,13,27,49];for(leti=0;i<arr.length-1;i++){for(letj=0;j<arr.length-1-i;j++){if(arr[j]>arr[j+1]){lett=arr[j];arr[j]=arr[j+1];arr[j+1]=t;}}}console.log(arr);第8章课堂练习JavaScript程序设计｜授课PPT12随堂练习/课后作业建议1定义数组保存5名学生姓名，并依次输出。2定义成绩数组，计算总分和平均分。3输出数组中的最大值和最小值。4统计成绩数组中大于60的个数。5使用冒泡排序将数组按从小到大排序。6用二维数组保存3名学生3门成绩并输出总分。第8章本章