JS 基础 2 控制流 作用域

//for 循环

//for 循环

for(let i= 0;i<5;i++){ 
    //代码块
    console.log('循环中',i)
}
console.log('循环结束')
//循环中 0
// 循环中 1
/// 循环中 2
// 循环中 3
// 循环中 4
// 循环结束

let names=['sumer','Lucy','Henry','John'];

for(let i=0;i<names.length;i++){
   let html=`<div>${names[i]}</div>`;
   console.log(html)
}

//while循环

//while 循环 只会放置一个条件
let i=0;

while(i<5){
    console.log('循环中',i);
    i++;

}
console.log('循环结束')




const names=['sum','Luck','Henry','John'];
let ii=0;
while(ii<names.length){
    console.log(names[ii]);
    ii++;
}





//do while 循环  让整个while循环至少执行一次

let i=100;
do {
    console.log('当前值为',i);
    i++;

}while(i<5);

if 语句

//if语句 满足条件就执行

const age=30;
if(age>20){
    console.log('年龄',age)
}

const names=['j','H','sss','BLO','ssss','BBBB'];
if(names.length>5){
    console.log('数组人数在于5人以上');
}
const passWord='123456789232323';

if(passWord.length >=12){
    console.log('密码安全性最高');
}else if(passWord.length>=8){
    console.log('密码安全性较好')

}else{
    console.log('密码长度过短');
}

逻辑运算符 && ||

//逻辑运算符 && ||
//&&左右同时进行满足
//|| 任选其一 满足

const passWord='@';

if(passWord.length >=12 && passWord.includes('@')){
    console.log('密码安全性最高');
}else if(passWord.length>=8 || passWord.includes('@')){
    console.log('密码安全性较好')

}else{
    console.log('密码长度过短');
}

//非运算 !  取反

let user=false;

if(!user){
   console.log('用户必须进行登录');
}

console.log(true ==!false);

console.log(!false)

break 和 continue

//break 和 continue
//break 退出整个for循环
//continue  终止当前循环，并进入下一次循环
const scores=[86,74,0,92,69,100,79];

for(let i=0;i<scores.length;i++){
    if(scores[i]==0){
        continue; //终止循环 执行后面的循环
    }

    console.log('得分为:',scores[i]);
    if(scores[i]==100){
        console.log('恭喜你,得到了满分！');
        break; //终止循环
    }
}

swich语句

//switch 语句
const grade='C';

switch(grade){
    case'A': 
    console.log('你的得分为A');
    break;
    case'B': 
    console.log('你的得分为B');
    break;
    case'C': 
    console.log('你的得分为C');
    break;
    case'D': 
    console.log('你的得分为D');
    break;
    default:
        console.log('得分无效！');
}

变量和块级作用域

//变量和块级作用域
let age = 30; //全局作用域 

if (true) {
    let age = 50; //块级作用域 
    let name = 'Summer'
    console.log('代码第一次层:', age);
    if (true) {
        let age=25;
        let name='Lucy';
        console.log('代码块第二层:', age, name) //当前块级作用域有定义 取当前 没有查询就近一层 往外查找
        var test='hello world'; //var 创建关键字 不受块级别作用域影响
    }

}

console.log('代码块外部', age, name,test);