自学阶段三JS基础—Day3

157 阅读2分钟

一、循环嵌套

外层循环循环一次,内层循环循环一周。

例如表格:
`let str = '<table border="1" rules="all" width="700" height="500">'
        for(let row=1; row<10 ;row++){
            str += '<tr>';
            for(let col=1; col<=row;col++){
                str +=`<td>${col}*${row}=${col*row}</td>`
            }
            str += '</tr>';
        }
        str +='</table>'
        document.write(str`)

二、逻辑运算符-拓展

1、短路

逻辑与 false && 被短路

逻辑或 true || 被短路

逻辑与短路:
  
根据逻辑与的口诀,**找假**
左侧为false,右侧则没有必再进行一次运算,所以右侧的代码没有被计算,相
当于被短路。

逻辑或短路 :
根据逻辑或的口诀,**找真**
左侧为true,右侧则没有必再进行一次运算,所以右侧的代码没有被计算,相当于被
短路。

2、逻辑运算符的值

比较运算符的值是布尔值 逻辑运算符的值是 :那一侧的数据能决定整个式子的结果就将哪个数据返回

逻辑与 && 都真才真 (右侧) 逻辑或 || 一假就假 (左侧)

三 、数组

1、数组的三元素

元素:数组中的每一个数据就是一个元素,元素可以是任何类型

下标:下标就是元素的序号,编号从0开始,

长度:数组中的元素的个数就是长度 数组.length

2、增删改查

arr.push(数据) 从尾部开始追加

arr.pop(数据) 删除尾部的元素

arr.unshift(数据) 在数组头部添加

arr.shif(数据) 删除头部的元素

改 arr[i] → 新值

删 arr.splice(起始下标,删除个数,新元素,新元素....)

3、遍历 (for循环)

遍历:由于某个需求,需在对数组中的每个元素都要访问一次。

注意;动态一点,i< arr.length

查找元素的下标

let target = 'wangwu'
    for(let i=0;i<arr.length;i++){
        if(arr[i] == target){
            console.log(i);
        }
    }

4、数组的坍塌和解决办法

删除数组里面的元素会因为下标变化产生坍塌

倒序 let i=arr.length-1;i>=0;i--

正序 i++

四、While循环

while循环是for循环的一个变形

for循环 for(变量初始化;表达式; 变量修改) {

// 循环体

}

语法 :

变量初始化 while (表达式) {

循环体

变量修改

}

执行逻辑:

  先判断表达式是否成立,如果不成立就直接跳过while结构,继续后面的代
  码执行。
  如果成立就执行循环体。循环体执行结后再来判断表达式是否成立
  依此规律循环往复的执行,直到表达不成立(或提前退出)
    

break和continue :

首先,break和continue都是用于循环内来控制循环的

break 直接结束循环

continue结束本次循环里continue后面的代码,继续下一次循环

while循环和for循环的区别:

while循环是根据条件进行循环,循环次数未知

for循环是根据次数循环,循环次数已知

while套路代码:

while(true){

...

...

if(退出条件){

break

}

}