第 3 章补充案例案例 3-1 统计成绩最大值和最小值一案例描述 1 考核知识点数组的创建 2 练习目标掌握创建数组的方式了解 Array.length 求数组长度 3 需求分析输入小明的 5 门成绩, 计算出总分, 平均分最高分, 最低分 4 案例分析 1) 效果如图 3-1 所示图

Size: px

Start display at page:

Download "第 3 章补充案例案例 3-1 统计成绩最大值和最小值一案例描述 1 考核知识点数组的创建 2 练习目标掌握创建数组的方式了解 Array.length 求数组长度 3 需求分析输入小明的 5 门成绩, 计算出总分, 平均分最高分, 最低分 4 案例分析 1) 效果如图 3-1 所示图"

域祥蓝
5 years ago
Views:

1 第 3 章补充案例案例 3-1 统计成绩最大值和最小值 1 考核知识点数组的创建掌握创建数组的方式了解 Array.length 求数组长度 3 需求分析输入小明的 5 门成绩, 计算出总分, 平均分最高分, 最低分 1) 效果如图 3-1 所示图 3-1 计算结果展示 a) 定义一个数组 arr, 存放 5 门成绩 b) 定义总分变量 sum=0 c) 定义最高分变量 max=0 d) 定义最低分变量 min=100 e) for 循环遍历数组 arr f) 输出结果 1

2 5 <title> 统计成绩最大值和最小值 </title> 6 </head> 7 <body> 8 <script> 9 // 输入 5 门成绩, 求总分, 平均分最高分, 最低分 10 var arr = new Array(83,75,65,59.5,92); 11 var sum = 0; 12 var max = 0; 13 var min = 100; 14 for(var i=0;i<arr.length;i++){ 15 sum += arr[i]; 16 if(arr[i]>max){ 17 max = arr[i]; 18 } 19 if(arr[i]<min){ 20 min = arr[i]; 21 } 22 console.log(sum) 23 } 24 document.write('5 门成绩分别是 :'+arr+'<br/>') 25 document.write(' 总分是 :'+ sum +'<br/>'); 26 document.write(' 平均分 :'+(sum / i)+'<br/>'); 27 document.write(' 最高分 :'+max+'<br/>'); 28 document.write(' 最低分 :'+min); 29 </script> 30 </body> 31 </html> 案例 3-2 返回数组中指定元素的下标 1 考核知识点 indexof() 掌握 indexof() 方法的使用 3 需求分析 indexof() 返回某个指定的字符串值在字符串中首次出现的位置,indexOf() 方法对大小写敏感! 如果要检索的字符串值没有出现, 则该方法返回 -1 本案例使用 indexof() 来查找数组中元素 d 出现的次数, 并返回其对应的所有索引的下标 1) 效果如图 3-2 所示 2

图 3-2 返回所有 d 的坐标和出现的次数 a) 定义一个数组 arr, 存放数组元素 b) 定义 findall() 函数, 返回对应所有索引下标 c) 定义 count() 函数, 返回 d 元素出现的次数 d) 在页面中输入索引下标和出现次数 5 <title> 返回数组中指定元素的下标 </title> 6 </head> 7 <body> 8 <script> 9 //

3 图 3-2 返回所有 d 的坐标和出现的次数 a) 定义一个数组 arr, 存放数组元素 b) 定义 findall() 函数, 返回对应所有索引下标 c) 定义 count() 函数, 返回 d 元素出现的次数 d) 在页面中输入索引下标和出现次数 5 <title> 返回数组中指定元素的下标 </title> 6 </head> 7 <body> 8 <script> 9 // 查找数组中元素 d 返回其对应的所有索引的下标 10 function findall(a,x){ 11 var results=[], 12 len=a.length, 13 pos=0; 14 while(pos < len){ 15 pos= a.indexof (x,pos); 16 if(pos === -1){ // 未找到就退出循环完成搜索 17 break; 18 } 19 results.push(pos); // 找到就存储索引 20 pos+=1; // 并从下个位置开始搜索 21 } 22 return results; 23 } 24 var arr = ['a','b','d','d','c','d','d']; 25 document.write(findall(arr,'d')) // 返回 d 元素的下标 [2,3,5,6] 26 3

4 27 // 找到元素 d 出现的次数 28 function count(arr, item) { 29 var number = 0; 30 for(var i=0;i<arr.length;i++) { 31 if(arr[i]==item){ 1 number++; 2 } 3 } 4 return number; 5 } 6 document.write('</br>'+count(arr,'d')) // 4 7 </script> 8 </body> 9 </html> 保存后, 在谷歌浏览器中预览, 效果如图 3-2 所示案例 3-3 按从大到小排序 1 考核知识点冒泡排序掌握冒泡排序的原理掌握 for 循环的应用 3 需求分析给出一组数, 按照从大到小进行冒泡排序, 从大到小序列输出 1) 效果如图 3-3 所示图 3-3 从大到小排序 4

5 a) 定义数组 arr, 里边存放 8 个元素 b) 采用冒泡排序 ( 共循环 8-1 次 ) c) 第一轮是比较 7 次结果 :( ) d) 第二轮是比较 6 次结果 :( ) e) 第三轮是比较 5 次结果 :( ) f) 第四轮是比较 4 次结果 :( ) g) 第五轮是比较 3 次结果 :( ) h) 第六轮是比较 2 次结果 :( ) i) 第七轮是比较 1 次结果 :( ) 5 <title> 从大到小排序 </title> 6 </head> 7 <body> 8 <script> 9 var arr = new Array(70,35,67,49,20,59,98,100); 10 var exchange = 0; // 中间交换变量 11 // 第一次 for 用来控制比较的轮数,i 代表轮次 12 for(var i=1;i < arr.length;i++){ 13 // 控制每轮比较几次的 14 for(var j=0;j < arr.length-i;j++){ 15 if(arr[j] < arr[j+1]){ 16 // 实现交换 17 exchange = arr[j]; 18 arr[j]=arr[j+1]; 19 arr[j+1]=exchange; 20 } 21 } 22 } 23 alert(arr) 24 alert(arr[0]); // 100 测试数组第一个元素是不是 alert(arr[7]); // 20 测试数组最后一个元素是不是 </script> 27 </body> 28 </html> 5

6 案例 3-4 求字符串数组中每一项的长度 1 考核知识点 for 循环声明新数组掌握 for 循环的使用掌握数据的声明 3 需求分析已知一个字符串数组, 求字符串数组中每一个字符的长度, 存储到一个新的数组中 1) 效果如图 2-6 所示图 3-4 元素个数 a) 定义一个数组 array, 存放字符串元素 b) 定义个新数组 newarray, 用来存放字符串长度 c) for 循环遍历 array 数组, 并把每一项元素的长度赋值给 newarray d) 输出 newarray 新数组 5 <title> 求字符串数组中每一项的长度 </title> 6 <script> 7 var array = ["22222", "a", "", "aaaaa"]; 8 var newarray = []; 9 for (var i = 0; i < array.length; i++) { 10 var length = array[i].length; 11 newarray[i] = length; 12 } 13 console.log(newarray); 6

14 </script> 15 </head> 16 <body> 17 </body> 18 </html> 运行代码, 打开谷歌浏览器, 按 F12 在控制面板 Console 查看即可得到图 3-4 所示的效果案例 3-5 输出数组的长度 1 考核知识点 length() 方法掌握 length() 方法获取数组长度掌握数组的遍历 3

7 14 </script> 15 </head> 16 <body> 17 </body> 18 </html> 运行代码, 打开谷歌浏览器, 按 F12 在控制面板 Console 查看即可得到图 3-4 所示的效果案例 3-5 输出数组的长度 1 考核知识点 length() 方法掌握 length() 方法获取数组长度掌握数组的遍历 3 需求分析数组中保存五个学生的数学成绩, 遍历数组分别获取每一个学生的数学成绩分数, 用 length() 函数获取数组的长度 1) 效果如图 3-5 所示图 3-5 输出结果展示 a) 创建空数组 arr b) 给数组 arr 赋值, 存放 5 名同学的数学成绩 c) 使用 length 遍历数组 d) 输入每个同学的分数 e) 输入数组的长度 7

8 5 <title> 输出数组的长度 </title> 6 <script> 7 var arr = new Array();// 创建好了一个数组 8 arr[0] = "81"; 9 arr[1] = "82"; 10 arr[2] = "83"; 11 arr[3] = "98"; 12 arr[4] = "59"; 13 // alert(a[2]); // 想要得到数组中第三个同学的成绩 14 // 数组相关一个属性 :length 指的是数组的长度 15 // alert(a.length); 16 // 使用 length 遍历数组 17 for(var i = 0 ;i < arr.length ; i++){ 18 console.log(' 第 '+(i+1)+' 位同学分数是 :'+arr[i]); 19 } 20 console.log(' 数组长度为 :'+arr.length); 21 </script> 22 </head> 23 <body> 24 </body> 25 </html> 案例 3-6 数组分隔 1 考核知识点分隔数组掌握分隔数组的方式掌握字符串的拼接 3 需求分析将字符串数组用或其他符号分割, 使用 for 循环遍历数组, 并打印出分隔之后的数组 1) 效果如图 3-6 所示 8

9 图 3-6 分隔之后的数组 a) 在数组中定义字符串函数 aa,bb,cc,ee b) 定义分隔符为 c) 输出 aa bb cc ee 5 <title> 数组分隔 </title> 6 <script> 7 // 将字符串数组用或其他符号分割 8 9 // 求一个字符串 aa bb cc ee 10 var array = ["aa", "bb", "cc","dd","ee"]; 11 var str = array[0]; // 取出数组的第一项 aa 12 // 分隔符 13 var seperator = " "; 14 for (var i = 1; i < array.length; i++) { 15 // str = str + seperator + array[i]; 16 str += seperator + array[i]; 17 } 18 console.log(str) // 分隔之后的数组 19 </script> 20 </head> 21 <body> 22 </body> 23 </html> 9

案例 3-7 数组去重 1 考核知识点 filter() 方法掌握 filter() 方法的用法 3 需求分析 filter() 方法创建一个新的数组, filter() 不会对空数组进行检测 ; filter() 不会改变原始数组 filter() 方法使用指定的函数测试所有元素, 并创建一个包含所有通过测试的元素的新数组返回 true 是表示保留该元素, false 时表示移除该元素

10 案例 3-7 数组去重 1 考核知识点 filter() 方法掌握 filter() 方法的用法 3 需求分析 filter() 方法创建一个新的数组, filter() 不会对空数组进行检测 ; filter() 不会改变原始数组 filter() 方法使用指定的函数测试所有元素, 并创建一个包含所有通过测试的元素的新数组返回 true 是表示保留该元素, false 时表示移除该元素 1) 案例一 : 移出数组 arr[1,2,3,4,2,5,6,2,7,2] 中与 2 相等的数, 并生成一个新数组, 不改变原数组 2) 案例二 : 移出数组中与 0 相等的数, 并生成一个新数组, 不改变原数组 1) 效果如图 3-7 所示图 3-7 数组去重结果 1. 案例一 a) 定义数组 arr b) 定义 remove() 函数, 使用 filter() 方法检查数据 c) 调用 remove() 函数,remove(arr,2) 2. 案例二 a) 定义数组 array, 存放数据 b) 定义空数组 newarray c) 遍历数组判断当前项是否为 0, 如果不等于 0 则存入新数组 newarray 中 10

11 5 <title> 数组去重 </title> 6 </head> 7 <body> 8 <script> 9 // 移出数组 arr[1,2,3,4,2,5,6,2,7,2] 中与 2 相等的数, 并生成一个新数组, 不改变原数组 10 function remove(arr,item){ 11 return arr.filter(function(e){ 12 return e!=item; 13 }); 14 } 15 var arr = ['1','2','3','4','2','5','6','2','7','2']; 16 document.write(arr+'<br/>'); 17 document.write(" 需求分析 1 题计算结果 "+remove(arr,2)+'<br/>'); 18 // 第二种方法 19 // 移出数组中与 0 相等的数, 并生成一个新数组, 不改变原数组 20 var array = [4, 6, 0, 3, 0, 0, 0, 1, 3]; 21 var newarray = []; 22 for (var i = 0; i < array.length; i++) { 23 // 判断当前项是否为 0 24 if (array[i]!== 0) { 25 newarray[newarray.length] = array[i]; 26 } 27 } 28 document.write(array); 29 document.write('</br>'+" 需求分析 2 题计算结果 "+newarray) 30 </script> 31 </body> 32 </html> 11

工序的是 ( ) A. 卷筒切筒装药造粒 B. 搬运造粒切引装药 C. 造粒切引包装检验 D. 切引包装检验运输 7. 甲公司将其实施工项目发包给乙公司, 乙公司将其中部分业务分包给

工序的是 ( ) A. 卷筒切筒装药造粒 B. 搬运造粒切引装药 C. 造粒切引包装检验 D. 切引包装检验运输 7. 甲公司将其实施工项目发包给乙公司, 乙公司将其中部分业务分包给 2013 年安全工程师法律知识答案解析一单选择题 1. 某省人大常务委员会公布实施了某省安全生产条例, 随后省政府公布实施了某省生产经营单位安全生产主体责任规定, 下列关于两者法律地位和效力的说法, 正确的是 ( ) A. 某省安