2022-07-12 第三组 高严 JavaScript 02
2022/7/13 14:20:28
本文主要是介绍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的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?