js分支语句

80 阅读3分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第4天,点击查看活动详情

分支语句

if语句

JS是一门单线程的语言

  • if

语法:

//如果boolean为true,那么就走if中大括号里面的代码,为false,那么就不走大括号里面的代码
if(boolean){
    //走这里
}

比如:

var gender = "男"
​
if(gender == "男"){
    console.log("打篮球")
}
​
if(gender == "女"){
    console.log("逛街")
}
  • if/else

语法:

//booleantrue,走if后面大括号里面的内容,booleanfalse,那么就走else后面大括号里面的内容
if(boolean){
    //if后面大括号里面的内容
}else{
    //else后面大括号里面的内容
}

比如:

//如果我是DJ,你会爱我吗?
var a = "美羊羊"
if(a === "美羊羊"){
    console.log("喜洋洋")
}else{
    console.log("沸羊羊")
}
  • 多重if语句

语法:

//如果bool1成立,走bool1后面那个大括号里面的内容
if(bool1){
​
}else if(bool2){//如果bool2成立,走bool2后面那个大括号里面的内容
​
}else if(bool3){//如果bool3成立,走bool3后面那个大括号里面的内容
​
}...{
​
}else{//当中所有的bool条件都不满足的时候,走else后面的内容
​
}

比如:

var score = 80
if(score>90){
    console.log("优秀")
}else if(score>80){//else if语句包含了一个隐式的条件,这个条件与上一个if条件相反,写全(score>80 && score<=90)
    console.log("良好")
}else if(score>70){//score>70 && score<=80
    console.log("中等")
}else if(score>60){//score>60 && score<=70
    console.log("及格")
}else{
    console.log("下个班")
}

Switch

switch也是一种分支结构

语法:

var 变量 = 1;
switch(变量){
    case 1:
        //走变量值为1的地方,那就是这里
        break;
    case 2:
        //变量值为2的时候,走这里
        break;
    case 3:
        //变量值为3的时候,那就走这里
        break;
    ...
    default:
        //当变量上面都不满足的是,那就走default
}

比如:

var week = 1;
switch(week){
    case 1:
        console.log("周一   =>      钓鱼");
        break;
    case 2:
        console.log("周二   =>      钓凯子");
        break;
    case 3:
        console.log("周三   =>      钓奶茶");
        break;
    case 4:
        console.log("周四   =>      看代码");
        break;
    case 5:
        console.log("周五   =>      敲代码");
        break;
    default:
        console.log("周末   =>      睡觉!");
}
  • 深入理解switch break => 在switch当中,用来终止代码继续往后走,一旦JS代码往后执行的时候,碰到的break;那么switch里面的代码都不会往后了

数组

数组是一组数据的集合,数组的下标是从0开始的

语法:

//          0     1    2
var arr = [元素1,元素2,元素3.....]

三元运算符(三目运算符)

语法:

表达式?值1:值2
//当表达式为true,那么走的就是值1,当表达式为false的时候,走的就是值2

比如:

var a = 10;
var b = 20;
var res = a>b?'你这个假设是正确的':'你这个假设是错误的'
console.log(res);

while循环

语法:

//当bool为true的,后面大括号里面的内容就会一直走,循环的走
//当bool为false的时候,就停止循环了
while(bool){
    //这里面代码就是循环体里面的代码
}

比如:

//像这种就会一直的跑步跑下去    =>  死循环
while(true){
    console.log("麒麒跑步");
}
​
​
//定义一个变量
var index = 0;
while(index < 5){
    index ++
    console.log("麒麒跑步");
}
/**
 * 第一步:
 *      判断index < 5   走里面的代码    
 *          index = 1
 *          输出跑步
 * 第二步:
 *      判断index < 5   走里面的代码
 *          index = 2;
 *          输出跑步
 * 第三步:
 *      判断index < 5   走里面的代码
 * 
 *  ....
 *  index = 5;
 * 
 * 第n步:
 *      判断 index < 5  false,终止循环
 * 
*/

总结: 循环需要四个条件
1.初始值 => var index = 0;
2.循环条件 => index < 1000
3.迭代条件 => index ++
4.循环体(循环做的事情) => console.log("麒麒跑了"+index+"圈");

  • 终止循环
  1. 终止整个循环 在循环当中写一个break; //终止整个循环
  2. 终止本次循环,继续下一次循环 在循环当中写一个continue