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

2022-07-13 08:32:52 阅读：135 来源： 互联网

今日重点

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内置函数记忆体量太大，导致用法有些混乱，勤学勤练会记住的。
晚间的测试选择题较为基础，全部正确。作业耗费了较长的时间，对这部分运用的不够熟练，希望以后多学多练能够得到提升。
觉得自己思路不够开阔，希望不要被思维定势束缚。

标签：第三组,02,arr,12,元素,抓取,while,循环,let
来源： https://www.cnblogs.com/ayannini/p/16472385.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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