2022-07-12 第九组 韩文清

一.今日重点

a.for 循环

b.while循环

c.do...while循环

d.内置函数

e.元素结点

二.循环（共4种）

1.for 循环

（1）.语法：for （i=0；i<10;i++){

          console.log()

循环条件：每次循环执行完毕让之产生变化

判断条件:会和初始化条件配合循环的开始，决定循环什么时候停止

循环体:循环在做什么事情

(2).for循环的特殊写法

for（let i=0；i<10);{}

for(let i=0;;i++){}

for(let i=0;;){}

for(;;){}

以上四种写法都是死循环，都不会报错。

3.数组

// 打印输出数组中的所有元素
        // console.log(arr[0])
        // 数组有一个属性 length-长度
        // 长度：数组中有多少个元素
        // 长度：从1开始  下标（索引）:从0开始  最大下标+1=长度
        // 取出数组中的最后一个元素，不能是undefinde
        // console.log(arr[arr.length-1]);
        // 把数组中的每个元素都操作一遍，数组的遍历（迭代）
        // 
        let arr = [10,5,9,7,-5,100,257]
        let a = 100
        for(let i = 0 ;i<arr.length;i++){
            if(a==arr[i]){
                console.log('它的下标是：'+i);
                return;
            }
            console.log(-1);
            }
    
        // 判断一个数在数组中是否存在，如果存在，返回他的下标
        // 如果不存在返回他的-1
        // 当变量的作用域出现了重叠，不要出现重名的情况
        // 尤其是全局和局部，变量最好不要重名

          
    2.while 循环

（1）语法：while（条件表达式）{}

  // while循环执行流程：
        // 1.初始化条件
        // 2.判断条件
        // 3.执行循环体
        // 4.自增

（2）while循环和for循环的区别

*while循环：初始化条件不好控制，循环条件不好控制，写函数时，返回值便于管理；

*for循环：（1）每个for循环的a++都是隔离的

3.do ...while循环

  // do...whlie循环
    // let a 初始化条件 
    // do 做什么事
    // log循环体
    // a>100 判断条件
    // a++循环条件

（1）do...while循环流程

// let a =10
//do{
//console.log(a);
// while(a<100){
//a++；
//while（a>100);

（2)do...while和while的区别​​​​

*d0..while:先执行一次，再判断，无论条件是否成立，至少执行一次

*while：如果条件不成立，一次都不走

3.内置函数

（1）Array

*count（）连接

*join（）设置分隔符连接数组为一个字符串

*pop（）删除最后一个元素

*sort（）从小到大排序

（2）Global

*isNaN()判断一个值不是数字

*parseFloat（）：把一个整数转换成小数

*3.parseInt():把一个小数转换成整数，取整

*4.number():把一个值转成number类型

*5.string():把其他类型转成字符串

（3）String
*1.charAt():取出指定位置的字符
*2.indexof():判断指定的字符是否存在，如果存在，返回下标，如果不存在，返回-1
*3.lastIndexof():从后往前找
*4.replace():替换字符串
*5.split('-'):根据-区拆分字符串，得到一个数组
*6.substring():字符串截取

（4）Math:
*1.ceil():向上取整
*2.floor():向下取整
*3.round():四舍五入
*4.random():生成一个0-1的随机数
*5.tan sin cos cot

（5）Date:
*1.new Date();获取系统当前日期
*2.getDate():返回当前日期的日 1~31
*3.getHours():返回事件中的时 0~23
*4.getMinutes():返回时间中的分
*5.getSeconds():返回时间中的秒
*6.getTime():获取系统当前时间

4.抓取元素

// 根据id去抓取HTML元素S
        // document.getElementById('div1')
        // console.log(div1)
        // 根据class抓取HTML元素,得到的是一堆元素
        // let divs = document.getElementsByClassName('div1');
        // console.log(divs[0])
        // 根据tag抓取HTML元素，得到的是一堆元素
        // let divs = document.getElementsByTagNameNS("div");

        // 新方法
        // 1.根据选择器去抓取一个元素
        //  let div = document.querySelector('div');
        // console.log(div);
        // 2.根据选择器去抓取全部元素
        // let divs = document.querySelectorAll('div');
        // console.log(divs[0]);
        let username = document.querySelector()

5.添加事件

（1）事件就是当我们和html标签发生交互时产生的行为

onclick：单击事件

onbdclick：双击事件

onblur：失去焦点

onload：加载

学习心得：今天学习的很认真，虽然感觉讲的还是有点快，自己跟不上，但是虚心请教了旁边的同学，他非常热心的帮我解答了问题，我非常感激他们。今天学习的非常快乐，在枯燥的·学习中得到了一丝惬意。