Java教程

2022-07-12 第三组 高严 JavaScript 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

  • 当变量的作用域出现了重叠，不要出现重名的情况

  • 尤其是全局和局部，变量最好不重名

  • 对比表格
    表格一

    表格二

  • 抓取元素的方法

  1. 根据id去抓取HTML元素
  2. 根据class抓取HTML元素，得到的时一堆元素
  3. 根据tag抓取HTML元素，得到的是一堆元素
  • 新方法：
  1. 根据选择器去抓取一个元素
  2. 根据选择器去抓取全部元素
  • 事件就是当我们和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>

循环流程图

便于查找

学习总结

  1. 今天的学习内容中for循环与while循环和之前在大学课堂中C++的内容有所交集，对比初学降低了难度。
  2. 但我还是在for循环的第二个练习中产生了困惑，并不是完全看不懂但十分模糊，最后不得不翻阅网上的资料阅读解说才解决了这个问题。JS内置函数记忆体量太大，导致用法有些混乱，勤学勤练会记住的。
  3. 晚间的测试选择题较为基础，全部正确。作业耗费了较长的时间，对这部分运用的不够熟练，希望以后多学多练能够得到提升。
  4. 觉得自己思路不够开阔，希望不要被思维定势束缚。
这篇关于2022-07-12 第三组 高严 JavaScript 02的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航