3.10 day21 js基础第三天

1.if语句和seitch的区别

2.for循环

1.练习

3.退出循环

4.循环嵌套

5.嵌套大练习

1.练习

2.练习

3.99乘法表

6.数组

1.数组是什么

2.基本使用

3.练习:数组求和

4.练习2 :最大值,最小值

4.数组操作

5.数组查和修改

6.数组新增

8.总结

9.数组筛选

10.数组去0

11.元素删除

7.综合案例

// out: ./
* {
    margin: 0;
    padding: 0;
    text-align: center
}
.big {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    width: 700px;
    height: 400px;
    margin: 30px auto;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    // background-color: pink;
    div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
        width: 70px;
        // background-color: pink;

        span {
            width: 100%;
           
            background-color: pink;
        
        }
        p {
            width: 100%;
        }
        .f {
            display: flex;
            align-items: center;
            position: absolute;
            left: 0;
            bottom: 0;
            margin-bottom: -20px;
            text-align: center;
        }
    }
}

8.冒泡排序

9.主观题

练习题1：

写一个程序，要求如下（★★）

• 需求1：让用户输入五个有效年龄（0-100之间），放入数组中

• 必须输入五个有效年龄年龄，如果是无效年龄，则不能放入数组中

• 需求2：打印出所有成年人的年龄 (数组筛选)

• 需求3：打印出所有人总年龄 （累加）

• 需求4：打印出所有人的平均年龄 （累加）

• 需求5：打印出最大年龄和最小年龄 （最大值）

练习题2：

找出数组中 元素为10的下标，有则打印该下标，没有则打印-1

• 例如: [88,20,10,100,50] 打印 2

• 例如: [88,20,30,100,50] 打印-1

练习题3:

使用for循环 - 求出数组元素的和 [5, 8, 9, 2, 1, 5]

练习题4:

使用for循环 - 求出数组里大于5的i和 [4, 9, 5, 20, 3, 11]

练习题5:

使用for循环 - 求出班级里同学们平均年龄[15, 19, 21, 33, 18, 24]

练习题6:

计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和

练习题7：

计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数

练习题8：

给一个数字数组，该数组中有很多数字0，将不为0的数据存入到一个新的数组中

核心练习题

需求：

根据用户输入的个数，页面可以渲染对应王者荣耀英雄的个数

效果如下：

思路分析：

1. 渲染图片比较多，我们可以把图片地址放入数组中，

2. 图片名称是有序号排列的，比如1.webp 2.webp 此处可以使用循环方式重复渲染图片

3. 渲染位置？ 可以考虑放到 box盒子里写script 即可

排错题1

6行声明sum给初始值0
7行i < 101,i++后边不要;

排错题1

6行let i = 0

排错题1

6行:j++

客观题

---