循环与数组

知道什么是数组及其应用的场景，掌握数组声明及访问的语法，具备利用数组渲染柱形图表的能力

for循环

根据while练习的四要素引入for循环

• 0. 循环变量初始值
• 2. 循环的条件
• 3. 循环体
• 4. 循环变量自增自减运算

for循环开发中常见的作用是循环数组

求0-100数字的和
// 求和 -> 箩筐思想
    // 先造一个空的箩筐 去装东西
    let sum = 0

    for (let i = 1; i <= 100; i++) {
        // sum = sum + i
        // 判断一个偶数
        if (i % 2 === 0) {
            sum += i
        }
    }
    document.write(sum)

循环的小结

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

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

循环语句的跳出

break和continue

• 说明区别

  • 0. break: 一般用于结果已经得到, 后续的循环不需要的时候可以使用
  • 2. continue: 一般用于排除或者跳过某一个选项的时候, 可以使用continue

循环加强

双层for循环嵌套

for (let i = 1; i <= 3; i++) { document.write(今天是第${i}天<br>)

        for (let j = 1; j <= 5; j++) {
            document.write(`我记住了今天第${j}个单词<br>`)
        }

        document.write(`<br>`)
    }

什么是数组? 为什么需要数组?

存储所有人的姓名，数据，信息

创建数组

字面量

构造函数(提一嘴)

数组的使用

三元表达式的使用

for (let i = 1; i < arr.length; i++) {

        max = arr[i] > max ? arr[i] : max
    }
    document.write(max)
    
    
   

数组与循环的案列

// 将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来，放入新数组

    // 1. 准备一个空数组
    let newArr = []
    // 2. 创建筛选数组
    let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]

    // 循环遍历
    for (let i = 0; i < arr.length; i++) {
        // 如果遍历的当前项目 大于等于10 
        if (arr[i] >= 10) {
            // 我要把当前项推入到newArr中
            newArr.push(arr[i])
        }
    }
    console.log(newArr);

数组本质是数据集合,使用无非就是增删改查

查

• 数组[下标]

改

• 数组[下标] = 新值

增

• arr.push(新增的内容)

  • push可以实现一次性添加多个的效果, 推荐使用

• arr.unshift(新增的内容)

删

• pop()
• shift()
• arr.splice(操作的下标,删除的个数)

\