JavaScript+jQuery交互式Web前端开发（第2版） 课件 第3、4章 数组、 函数.pptx

第3章数组;学习目标/Target;学习目标/Target;章节概述/Summary;目录/Contents;初识数组;了解数组的概念，能够描述数组的组成;;;数组由一个或多个元素组成，数组中的每个元素由索引和值构成，其中，索引也称为下标，用数字表示，默认情况下从0开始依次递增，用于标识元素；值为元素的内容，可以是任意类型的数据，例如，数字、字符串、数组等。;假设某个数组包含5个数字型的元素，这5个元素的值分别是55、65、75、85、95，该数组中索引和值的关系如下图所示。;创建数组;掌握数组的创建，能够灵活运用数组字面量的方式创建数组;;使用数组字面量“[]”创建数组的语法格式如下。;在JavaScript中，允许数组中含有空位，数组中的空位表示没有任何值，具体语法格式如下。;下面通过代码演示如何使用数组字面量“[]”创建数组。;数组的基本操作;掌握获取和修改数组长度的方法，能够实现数组长度的获取和修改;;1.获取数组长度;下面通过代码演示如何获取数组长度。;2.修改数组长度;下面通过代码演示如何修改数组长度。;掌握访问数组的方法，能够访问数组元素;当创建数组后，就可以访问数组中的某个元素。在JavaScript中，访问数组的语法格式如下。;下面通过代码演示如何在创建数组后访问数组。;掌握遍历数组的方法，能够使用for语句实现数组的遍历;;在JavaScript中，遍历数组的语法格式如下。;下面以求班级中语文成绩的平均分为例进行演示。首先使用数组保存班级中所有学生的语文成绩，然后通过遍历数组对数组元素求和，最后使用求和结果除以数组的长度求出班级的语文成绩平均分，示例代码如下。;掌握添加和修改数组元素的方法，能够实现添加和修改数组元素;;添加数组元素是指向数组中增加新的元素，修改数组元素是指修改数组中已有的元素，如果数组中有空位，也可以将空位修改成指定的元素。;在JavaScript中，添加和修改数组元素的语法格式如下。;下面通过代码演示如何添加和修改数组元素。;值得一提的是，通过for语句可以很方便地为数组添加多个数组元素，示例代码如下。;掌握删除数组元素的方法，能够实现删除数组元素;;在JavaScript中，删除数组元素的语法格式???下。;下面通过代码演示如何删除数组元素。;掌握筛选数组元素的方法，能够实现筛选数组元素;在实际开发中，经常会遇到需要筛选数组元素的情况。通过for语句和if语句可以实现筛选数组元素。例如，将班级中所有学生的数学成绩保存到数组中，教师需要筛选所有大于或等于80分的学生成绩，并将筛选出来的成绩保存到一个新的数组中，示例代码如下。;掌握反转数组元素顺序的方法，能够实现数组元素顺序的反转;反转数组元素顺序是指将一个数组中所有元素的顺序反转。例如，有一个数组为['tiger','elephant','cat','dog','bear','monkey']，将该数组元素顺序反转后的结果为['monkey','bear','dog','cat','elephant','tiger']。如果想要实现这个效果，则需要改变数组遍历的顺序，从数组的最后一个元素遍历到第一个元素，并将遍历到的每个元素添加到新的数组中，示例代码如下。;数组是一种复杂数据类型，它属于对象，具有对象的一些特征。关于对象的具体内容将在第5章中讲解。下面通过代码演示数组的易错点。;3.3.7 反转数组元素顺序;3.3.7 反转数组元素顺序;;多学一招;多学一招;多学一招;掌握查找班级最高分和最低分的案例，能够编写代码实现案例;在班级管理中，数学老师为了能够更好地帮助到班级中的学生，经常会在考试后邀请分数最高的学生为大家分享学习经验，并且为分数最低的学生分析原因。

下面以查找班级数学考试中的最高分和最低分为例进行讲解。首先把所有学生的分数保存到数组中，然后通过查找该数组中最大值和最小值找到班级中分数最高和分数最低的学生。;实现本案例的具体思路如下。

假设数组中第一个元素为最大值，使用for语句从数组索引为1的元素开始遍历到最后一个元素，将当前元素与预先设置的最大值比较。

如果当前元素比最大值大，则将当前元素设置为最大值，再继续比较下一个元素，遍历完成后即可找到最大值。查找最小值的方法与查找最大值的方法类似。;3.3.8 【案例】查找班级最高分和最低分;数组元素排序;掌握数组的冒泡排序，能够实现数组的冒泡排序;;下面演示对一组数字“98，31，5，27，2，78”通过冒泡排序按照从小到大的顺序进行排序，具体排序过程如下图所示。;由冒泡排序的过程可知，排序前待排序数组中共有6个元素，使用冒泡排序算法经过5轮排序实现了数组元素按照从小到大的顺序排序。

第1轮排序的具体过程如下。;通过分析冒泡排序过程可知，冒泡排序比较的