JavaScript if判断、三元运算符、循环

ゝ一纸荒年。 2023-10-06 22:21 54阅读 0赞

#### 阅读目录 ####

*  if 判断
 *  三元运算符
 *  循环结构
 *   *  while 循环
     *  for 循环
     *  for 循环数组
     *  循环字符串

## if 判断 ##

let score=162;
    
    if(score>=80){
        
        alert("优秀");
    }else if(score>=60){
        
        alert("及格");
    }else{
        
        alert("不及格");
    }

![在这里插入图片描述][474aa06fb4ed4ca09962b8062f6e4ce4.png]

## 三元运算符 ##

let a=110;
    let b=20;
    let max_num = a>b ? a : b;
    alert(max_num);

![在这里插入图片描述][9b4f2adb5dd94cb1a2954f7c15090a22.png]

## 循环结构 ##

### while 循环 ###

let a=10;
    while(a>=0){
        
        console.log(a);
        a-=2;
    }

![在这里插入图片描述][7dd406dd7abe425db45097bf5c1f1faf.png]

### for 循环 ###

for(let i=1;i<5;i++){
        
        console.log(i);
    }

![在这里插入图片描述][48e6a673cfe84d429df4a5cb7a5bdd6c.png]

### for 循环数组 ###

let arr=[2,9,7,2,7,2];
    arr['a']="李白";
    arr['b']="杜甫";
    
    for(let i in arr){
        
        console.log(i,arr[i]);
    }

![在这里插入图片描述][3803465a72404743952826fc0a188a45.png]  
只能遍历索引数组的部分

let arr=[2,9,7,2,7,2];
    arr['a']="李白";
    arr['b']="杜甫";
    
    arr.forEach(function(val,index){
        
        console.log(index,val);
    });

![在这里插入图片描述][611356ae73254232baf34be227564364.png]

### 循环字符串 ###

let str="abcdbaba";  
    for(let i=0;i<=str.length-1;i++){
        
        console.log(i,str[i]);
    }

![在这里插入图片描述][d6501585621448b5a2266760eb344006.png]

[474aa06fb4ed4ca09962b8062f6e4ce4.png]: https://img-blog.csdnimg.cn/474aa06fb4ed4ca09962b8062f6e4ce4.png
[9b4f2adb5dd94cb1a2954f7c15090a22.png]: https://img-blog.csdnimg.cn/9b4f2adb5dd94cb1a2954f7c15090a22.png
[7dd406dd7abe425db45097bf5c1f1faf.png]: https://img-blog.csdnimg.cn/7dd406dd7abe425db45097bf5c1f1faf.png
[48e6a673cfe84d429df4a5cb7a5bdd6c.png]: https://img-blog.csdnimg.cn/48e6a673cfe84d429df4a5cb7a5bdd6c.png
[3803465a72404743952826fc0a188a45.png]: https://img-blog.csdnimg.cn/3803465a72404743952826fc0a188a45.png
[611356ae73254232baf34be227564364.png]: https://img-blog.csdnimg.cn/611356ae73254232baf34be227564364.png
[d6501585621448b5a2266760eb344006.png]: https://img-blog.csdnimg.cn/d6501585621448b5a2266760eb344006.png