2022-07-12 第三组高严 JavaScript 02

2022/7/13 14:20:28

编程Tag： let 元素循环抓取 while arr 12 02 第三组

本文主要是介绍2022-07-12 第三组高严 JavaScript 02，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

今日重点

switch..case
for循环
for in
while循环
do while
JS内置函数
抓取元素
事件

进程概括

【√代表掌握了，-代表模糊，×代表不懂】

讲解前一天遗留的问题（天数问题），改进方法【√】

for循环（循环步骤，注意事项，特殊写法）【√】

对数组中元素进行操作【√】

练习：找出数组中的最大值【√】
判断数在数组中是否存在【-】

了解for in语句【√】

理解while循环【√】
*练习：哪一年公司人数突破100人【√】
*理解do while循环【√】
*讲解JS内置函数【-】
*抓取元素（通过id，class，标签）【√】

事件及其练习【√】

注解知识点

for循环步骤（面试题）
1.let i = 0;初始化条件，当i=0时，循环开始，只走一次，第一次循环开启之前初始化
2.i < 10;判断条件，会和初始化条件配合循环的执行，决定了循环什么时候停止
3.循环体，循环在重复做什么事情
4.i++ 循环条件，每次循环体执行完毕让i产生变化
i可以看做是一个局部变量
当修改循环条件时，要确保循环可以向有尽方向去改变
在开发中，尽量避免死循环
长度：数组中有多少个元素，注意区分长度和下标（索引）最大下标+1=长度，取出数组中的最后一个元素，不能是undefined
当变量的作用域出现了重叠，不要出现重名的情况
尤其是全局和局部，变量最好不重名
对比表格
表格一

表格二
抓取元素的方法

根据id去抓取HTML元素
根据class抓取HTML元素，得到的时一堆元素
根据tag抓取HTML元素，得到的是一堆元素

新方法：

根据选择器去抓取一个元素
根据选择器去抓取全部元素

事件就是当我们和HTML标签元素发生交互时产生的行为

练习汇总

找出数组中的最大值

let max = arr[0];
        for(let i = 0;i < arr.length;i++){
            if(max < arr[i]){
                max = arr[i];
            }
        }
        console.log("最大值为：" + max);

判断一个数在数组中是否存在，如果存在，返回它的下标如果不存在，返回-1

let arr = [10,5,9,7,-5,100,257];
        function exists(num,array){
            let index = -1;
            for(let i = 0;i < array.length;i++){
                if(array[i] == num){
                    index = i;
                }
            }
            return index;
        }

        console.log(exists(100,arr));

for in 做遍历

let arr = [1,2,3,4,5];
        for(let a in arr){
            console.log(arr[a]);
        }

今年是2022年。今天我们公司有10个人，每年公司会以百分之10的比重招人。问：哪一年公司人数突破100人。

function count(){
            let year = 2022;
            let sum = 10;
            while(sum <= 100) {
                sum *= 1.1;
                year++;
            }
            return year + "年人数超过了100人，人数是：" + sum;
        }
        console.log(count());

>

事件课堂练习

<body>
        <p>
            账号：<input type="text" id="username">
        </p>
        <p>
            密码：<input type="password" id="password">
        </p>
        <p>
            <input type="button" value="登录" onclick="login()">
        </p>

        <script>
            function login(){
                // 拿用户名框输入的内容
                let username = document.querySelector("#username").value;
                let password = document.querySelector("#password").value;
                if(username == "admin" && password == "123456"){
                    alert("登录成功！");
                } else {
                    alert("用户名或密码错误！");
                }
            }
        </script>
    </body>

循环流程图

便于查找

学习总结

今天的学习内容中for循环与while循环和之前在大学课堂中C++的内容有所交集，对比初学降低了难度。
但我还是在for循环的第二个练习中产生了困惑，并不是完全看不懂但十分模糊，最后不得不翻阅网上的资料阅读解说才解决了这个问题。JS内置函数记忆体量太大，导致用法有些混乱，勤学勤练会记住的。
晚间的测试选择题较为基础，全部正确。作业耗费了较长的时间，对这部分运用的不够熟练，希望以后多学多练能够得到提升。
觉得自己思路不够开阔，希望不要被思维定势束缚。

这篇关于2022-07-12 第三组高严 JavaScript 02的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

2022-07-12 第三组 高严 JavaScript 02