一、循环-for

1. for循环基本使用

for (声明记录循环次数的变量; 循环条件; 变化值) {循环体
}

for循环和while循环的区别：

当如果明确了循环的次数的时候推荐使用for循环

当不明确循环的次数的时候推荐使用while循环

        // 1. 利用for循环输出1-100岁for (let i = 1; i <= 100; i++) {document.write(`我今年${i}岁了 
`)}//  2. 求1-100所有的偶数和let sum = 0for (let j = 1; j <= 100; j++) {if (j % 2 === 0) {sum += j}}document.write(sum)// 3. 页面中打印5个小星星for (let z = 1; z <= 5; z++) {document.write('*')}// 数组循环/遍历let arr = ['马超', '赵云', '张飞', '关羽', '黄忠', '貂蝉']// console.log(arr)// document.write(arr)// arr length 长度，通过它可以告诉我们数组里面有几个元素document.write(arr.length)for (let i = 0; i < arr.length; i++) {document.write(`${arr[i]} 
`)}

2. 退出循环

        for (let i = 1; i < 6; i++) {if (i === 2) {continue // 退出本次循环，继续下一次循环break   //结束循环，退出整个循环}document.write(i)}

3. 循环嵌套

        // 循环嵌套for (let i = 1; i < 6; i++) {for (let j = 1; j < 6; j++) {document.write('*')}}// 外面循环执行一次，里面循环执行全部

记单词案例

        for (let i = 1; i < 4; i++) {document.write(`第${i}天 
`)for (let j = 1; j < 6; j++) {document.write(`第${j}个单词 
`)}}

打印倒三角

        for (let i = 1; i < 6; i++) {for (let j = 1; j < i + 1; j++) {document.write('&')}document.write('
')}

99乘法表

二、数组

数组（Array）是一种可以按照顺序保存数据的数据类型

• 元素：数组中保存的每个数据都叫数组元素
• 下标：数组中数据的编号
• 长度：数组中数据的个数，通过数组的length属性获得

数组求和

        let arr = [2, 6, 1, 7, 4]let sum = 0let average = 0for (let i = 0; i < arr.length; i++) {sum += arr[i]}average = sum / arr.lengthdocument.write(`这个数组总和为${sum},平均值为${average}`)

数组求最大值最小值

        let arr = [2, 6, 1, 77, 52, 25, 7]// 声明最大值的变量let max = arr[1]// 声明最小值的变量let min = arr[1]for (let i = 1; i < arr.length; i++) {if (max < arr[i]) {max = arr[i]}if (min > arr[i]) {min = arr[i]}}document.write(`最大值：${max} 最小值：${min}`)

数组本质是数据集合，操作数据无非就是增 删 改 查

数组增加新的数据

数组.push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 (重点)

        let arr = ['red', 'green']// 把blue放到arr的后面arr.push('blue', 'skyblue')// 返回值是新的数组长度console.log(arr.push('yellow'))console.log(arr)

arr.unshift(新增的内容) 方法将一个或多个元素添加到数组的开头，并返回该数组的新长度

数组删除元素

数组. pop() 方法从数组中删除最后一个元素，并返回该元素的值

数组. shift() 方法从数组中删除第一个元素，并返回该元素的值

        let arr = ['pink', 'green', 'red']// 删除最后一个元素arr.pop()// 删除第一个元素arr.shift()// 返回值是删除的元素console.log(arr.pop())console.log(arr.shift())console.log(arr)

数组. splice() 方法删除指定元素

arr.splice(start, deleteCount)
arr.splice(起始位置, 删除几个元素)

冒泡排序

      let arr = [2, 3, 1, 5, 4, 6, 0]// 1. 外层循环控制趟数for (let i = 0; i < arr.length - 1; i++) {// 2. 里层循环控制交换次数for (let j = 0; j < arr.length - i - 1; j++) {// 交换两个变量if (arr[j] > arr[j + 1]) {let temp = arr[j]arr[j] = arr[j + 1]arr[j + 1] = temp }}}console.log(arr)

三、综合案例

根据用户输入数据生成季度柱状图

代码练习

        // 使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]let arr = [5, 8, 9, 2, 1, 5, 10]let sum = 0for (let i = 0; i < arr.length; i++) {sum += arr[i]}document.write(sum)// 使用for循环 - 求出数组里大于5的和 [4, 9, 5, 20, 3, 11]let arr = [4, 9, 5, 20, 3, 11]let sum = 0for (let i = 0; i < arr.length; i++) {if (arr[i] > 5) {sum += arr[i]}}document.write(sum)//  使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]let arr = [15, 19, 21, 33, 18, 24]let sum = 0for (let i = 0; i < arr.length; i++) {sum += arr[i]}let average = sum / arr.lengthdocument.write(average)// 打印数组里所有的奇数  [5, 2, 8, 10, 3, 7]let arr = [5, 2, 8, 10, 3, 7]let Arr = []for (let i = 0; i < arr.length; i++) {if (arr[i] % 2 !== 0) {Arr.push(arr[i])}}document.write(Arr)// 计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和let arr = [2, 6, 18, 15, 40, 30]let sum = 0for (let i = 0; i < arr.length; i++) {if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {sum += arr[i]}}document.write(sum)// 计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数let arr = [2, 6, 18, 15, 40, 30]let Arr = []for (let i = 0; i < arr.length; i++) {if (arr[i] % 3 === 0 && arr[i] % 2 === 0) {Arr.push(arr[i])}}document.write(Arr.length)// 给一个数字数组，该数组中有很多数字0，将不为0的数据存入到一个新的数组中let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7, 0, 18, 0]let Arr = []for (let i = 0; i < arr.length; i++) {if (arr[i] !== 0) {Arr.push(arr[i])}}document.write(Arr)

Caroline Finish 2022/12/1