JavaScript基础第04天 day04_JavaScript基础语法

JavaScript基础语法 JavaScript第04天 昨日复习 昨日复习 结束当前次循环的关键词是硬件系统结束当前循环的关键词是软件系统JS的循环有件系统与软件系 与软件系 结束当前次循环的关键词是硬continue统结束当前循环的关键词是软break件系统JS的循环有件for系统与软while 与软do while 昨日复习 JavaScript第04天 昨日复习 Contents 目 录 数组的相关概念数组的操作方式数组案例函数的相关概念函数的使用函数的参数和返回值函数的声明方式 能够获取 添加数组中的元素能够独立完成冒泡排序的案例能够根据语法书写函数能够根据需求封装函数能够说出形参和实参的传递过程能够使用函数的返回值能够使用arguments获取函数的参数 目标 TARGET 数组 存储若干数据 要点提示 数组导读 掌握程度 了解 1 1数组导读 数组 可存储多个数据 要点提示 什么是数组以及创建方式 掌握程度 应用 2 1什么是数组以及创建方式 数组 一组数据的集合 使用一个变量同时存储多个数据创建数组的方式 vararr newArray vararr 1 2 demo 数组中的数据成为数组的元素 元素的数据类型没有限制 2 2什么是数组以及创建方式 课堂问答 知识总结 如何把数组中的元素取出来 如果获取数组中不存在的元素时 获取到的值是什么 要点提示 访问数组元素 掌握程度 应用 3 1访问数组元素 数组中的每个元素都有编号 编号默认从0开始 称为 索引 下标 从数组中取出来指定元素 利用数组的索引值取元素如果通过索引值获取数组中没有的元素 得到的值是undefined 3 2访问数组元素 课堂问答 知识总结 什么是遍历 如何遍历数组 要点提示 遍历数组 掌握程度 应用 4 1遍历数组 遍历 把数据的集合中的数据逐个访问 称为遍历遍历数组 通过循环过程中的计数器变量 把数组中的元素从头到尾访问一遍 称为遍历数组遍历数组的写法 for varI 0 I 数组的长度 i arr i 遍历到的数组的元素 4 2遍历数组 课堂问答 知识总结 数组的长度 数组 length数组中的元素的最大的索引值 数组 length 1 要点提示 数组长度 掌握程度 应用 5 1数组长度 练习 动动手 练一下这个案例吧 提示 创建一个数组把数组中的元素通过for循环遍历出来 并把数据打印到控制台 3分钟 5 2数组长度 遍历数组练习 通过循环遍历数组 要点提示 计算数组的和以及平均值 掌握程度 应用 6 1计算数组的和以及平均值 练习 动动手 练一下这个案例吧 提示 使用循环遍历数组把数组中的每一个元素都相加通过把所有的元素的和除以数组的元素的个数 数组的长度 即可得到平均值 5分钟 6 2计算数组的和以及平均值 计算数组的和以及平均值 如何计算数组所有元素中的最大值 要点提示 求数组中的最大值 掌握程度 应用 7 1求数组中的最大值 练习 动动手 练一下这个案例吧 提示 声明变量max保存数组中的第一个元素 遍历数组 把遍历到的元素和max比较 元素大于max就把该素存到max里面 否则继续下一轮比较 5分钟 7 2求数组中的最大值 求数组中的最大值 遍历数组 把数组中的每一个元素都拼接到指定字符串中 要点提示 数组转换为字符串 掌握程度 应用 8 1数组转换为字符串 练习 动动手 练一下这个案例吧 提示 遍历数组 把遍历到的元素和指定字符串作字符串拼接操作 5分钟 8 2数组转换为字符串 数组转换为字符串 如何增加数组的长度 如何增加数组的元素 要点提示 数组新增元素 掌握程度 应用 9 1数组新增元素 修改数组的length 如果设置的length的值大于原来的数组长度 则会在数组最后留下空白位置如果设置的length的值小于原来的数组长度 则会让数组丢失后面的元素增加数组元素 通过 数组 索引值 数据 来设置数组的元素如果索引值是已经存在的元素的索引值 则会把之前的元素的值覆盖掉如果索引值是尚未出现的索引值 则会增加一个元素 且如果不与数组之前的最后一个元素的索引值相连的话 会形成空白位置 9 2数组新增元素 课堂问答 知识总结 使用循环依次存入数据 要点提示 数组存放1 10个值 掌握程度 应用 10 1数组存放1 10个值 练习 动动手 练一下这个案例吧 提示 使用循环 在循环体重利用计数器变量添加数据 5分钟 10 2数组存放1 10个值 数组存放1 10个值 使用单独的变量j作为新数组新增元素的索引值 要点提示 筛选数组方法1 掌握程度 应用 11 2筛选数组方法1 数组的最后一个元素的索引值 数组 length 1 要点提示 筛选数组方法2 掌握程度 应用 12 1筛选数组方法2 练习 动动手 练一下这个案例吧 提示 遍历原数组 判断遍历到的原数组的元素是否大于10如果大于10 把该元素存储到新数组的元素中 5分钟 12 2筛选数组方法2 筛选出大于10的元素 创 要点提示 删除数组指定元素 数组去重 掌握程度 应用 13 1删除数组指定元素 数组去重 练习 动动手 练一下这个案例吧 提示 遍历原数组 判断遍历到的原数组的元素是否为0如果不为0 把该元素存储到新数组的元素中 5分钟 13 2删除数组指定元素 数组去重 删除数组指定元素 去除0 使用新数组接收目标数据 要点提示 翻转数组 掌握程度 应用 14 1翻转数组 练习 动动手 练一下这个案例吧 提示 倒序遍历原数组 取出来数组中所有的元素把元素添加到新数组中 5分钟 14 2翻转数组 翻转数组 利用临时变量交换两个变量的指 要点提示 复习交换两个变量值 掌握程度 应用 15 1复习交换两个变量值 上午复习 数组的长度通过硬件系统属性获取数组的索引值从硬件系统开始数组元素的最大索引值是硬件系统 JavaScript第04天 上午复习 上午复习 数组的长度通过硬length件系统属性获取数组的索引值从硬0件系统开始数组arr中元素的最大索引值是硬arr length 1系 JavaScript第04天 上午复习 不断遍历数组 把变量到的元素和其后面的元素比较把更大的元素放在后面 把更小的元素放在前面 要点提示 冒泡排序原理 掌握程度 应用 16 1冒泡排序原理 外层循环 交换的趟数外层交换的趟数 arr length 1内层循环 每一趟交换的次数内层交换的次数 arr length i 1 要点提示 冒泡排序 掌握程度 应用 17 1冒泡排序 练习 动动手 练一下这个案例吧 提示 遍历数组 让变量到的元素和其后的元素比较大小 大的放置在后面 小的放置在前面多次进行遍历数组 则能不断更正数组原有序列 5分钟 17 2冒泡排序 冒泡排序 函数 要点提示 函数导读 掌握程度 应用 18 1函数导读 在开发过程中 部分代码会重复使用 函数可把代码封装函数 封装了一段可重复调用执行的代码块为什么使用函数 函数如何封装 要点提示 为什么需要函数 掌握程度 应用 19 1为什么需要函数 函数的作用 封装可重复调用执行的代码块如何创建一个函数 function函数名 参数1 参数2 封装的代码块 19 2为什么需要函数 课堂问答 知识总结 声明函数 function函数名 封装的代码块 调用函数 函数名 要点提示 函数的使用 掌握程度 应用 20 1函数的使用 函数的声明 function函数名 参数1 参数2 封装的代码块 函数的调用 函数名 20 2函数的使用 课堂问答 知识总结 把代码封装到函数中 通过调用让代码执行 要点提示 利用函数求1 10累加和 掌握程度 应用 21 1利用函数求1 10累加和 练习 动动手 练一下这个案例吧 提示 使用function关键字声明一个函数 把求1 10的累加和的代码放置封装成一个函数使用函数名来调用函数 把函数内部的代码执行 5分钟 21 2利用函数求1 10累加和 利用函数求1 10累加和 参数的作用是什么 什么是形参 什么是实参 要点提示 函数的参数 掌握程度 应用 22 1函数的参数 参数的作用 在函数封装的代码块中 使用参数可以在调用函数时修改指定数据 来完成不同的操作形参 在函数定义时 设置用来接收函数调用时传过来的数据实参 在函数调用时 用户在小括号中传入的数据 可被形参接收 运用到函数内部的调用中 22 2函数的参数 课堂问答 知识总结 形参如何接收实参 形参接收到实参的数据之后 在函数内部作为变量使用 要点提示 利用函数求任意两个数的和以及累加和 掌握程度 应用 23 1利用函数求任意两个数的和以及累加和 练习 动动手 练一下这个案例吧 提示 声明一个函数 并定义两个形参用来接收实参第一个形参表示开始的数值第二个形参表示结束的数值 5分钟 23 2利用函数求任意两个数的和以及累加和 求任意两个数的累加和 如果实参的个数多余形参 形参如何接收实参 如果实参的个数少于形参 形参如何接收实参 要点提示 函数形参和实参匹配问题 掌握程度 应用 24 1函数形参和实参匹配问题 如果实参的个数多余形参 形参如何接收实参 如果实参的个数多余形参 形参将按照顺序依次接收实参 剩余的实参不被接收值如果实参的个数少于形参 形参如何接收实参如果实参的个数少于形参 形参将按照顺序依次接收实参 多余的形参接收不到实参 默认值为undefined 24 2函数形参和实参匹配问题 课堂问答 知识总结 函数中通过return关键词指定函数返回值 要点提示 函数的返回值return 掌握程度 应用 25 1函数的返回值return 在定义函数时使用形参接收需要比较的数据在函数的执行最后通过return语句返回最大值 要点提示 利用函数求两个数的最大值 掌握程度 应用 26 1利用函数求两个数的最大值 练习 动动手 练一下这个案例吧 提示 声明一个函数 并定义两个形参用来接收需要比较的数值在函数最后通过return语句返回最大值 5分钟 26 2利用函数求两个数的最大值 利用函数求两个数的最大值 如何记录最大值 要点提示 利用函数求数组中的最大值 掌握程度 应用 27 1利用函数求数组中的最大值 练习 动动手 练一下这个案例吧 提示 声明一个函数 并定义一个形参用来接收目标数组在函数最后通过return语句返回数组中的最大值 5分钟 27 2利用函数求数组中的最大值 利用函数求数组中的最大值 创 要点提示 return终止函数并且只能返回一个值 掌握程度 应用 28 1return终止函数并且只能返回一个值 函数中如果执行了return语句 即结束当前函数 不再继续向下执行代码函数中只能有一个返回值 即使写了多个return 也只能执行第一个return语句函数中只能返回一个具体的数据 如果返回了多个数据 则只会返回最后一个数据 28 2return终止函数并且只能返回一个值 课堂问答 知识总结 创 要点提示 函数返回值2个注意事项 掌握程度 应用 29 1函数返回值2个注意事项 函数中通过return关键词指定函数返回值函数中如果执行了return语句 即结束当前函数 不再继续向下执行代码函数中如果没有指定返回值 则函数默认返回值为undefined 29 2函数返回值2个注意事项 课堂问答 知识总结 理解函数的功能1 封装部分代码2