TypeScript 条件语句

TypeScript条件语句

条件语句用于基于不同的条件来执行不同的动作。

TypeScript条件语句是通过一条或多条语句的执行结果(True或False)来决定执行的代码块。

可以通过下图来简单了解条件语句的执行过程:

TypeScript 条件语句

条件语句

通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。

在TypeScript中,我们可使用以下条件语句:

  • if语句 只有当指定条件为true时,使用该语句来执行代码
  • if…else语句 当条件为true时执行代码,当条件为false时执行其他代码
  • if…else if….else语句 使用该语句来选择多个代码块之一来执行
  • switch语句 使用该语句来选择多个代码块之一来执行

if语句

TypeScript if语句由一个布尔表达式后跟一个或多个语句组成。

语法

语法格式如下所示:

if(boolean_expression){
    # 在布尔表达式 boolean_expression 为 true 执行
}

如果布尔表达式 boolean_expression为 true,则 if 语句内的代码块将被执行。如果布尔表达式为 false,则 if 语句结束后的第一组代码(闭括号后)将被执行。

流程图

TypeScript 条件语句

实例

var  num:number = 5
if (num > 0) { 
   console.log("数字是正数") 
}

编译以上代码得到如下 JavaScript 代码:

var num = 5;
if (num > 0) {
    console.log("数字是正数");
}

执行以上 JavaScript 代码,输出结果为:

数字是正数

if…else 语句

一个if语句后可跟一个可选的else语句,else语句在布尔表达式为false时执行。

语法

语法格式如下所示:

if(boolean_expression){
   # 在布尔表达式 boolean_expression 为 true 执行
}else{
   # 在布尔表达式 boolean_expression 为 false 执行
}

如果布尔表达式 boolean_expression 为 true,则执行 if 块内的代码。如果布尔表达式为 false,则执行 else 块内的代码。

流程图

TypeScript 条件语句

实例

var num:number = 12; 
if (num % 2==0) { 
    console.log("偶数"); 
} else {
    console.log("奇数"); 
}

编译以上代码得到如下 JavaScript 代码:

var num = 12;
if (num % 2 == 0) {
    console.log("偶数");
}
else {
    console.log("奇数");
}

执行以上 JavaScript 代码,输出结果为:

偶数

if…else if….else 语句

if…else if….else语句在执行多个判断条件的时候很有用。

语法

语法格式如下所示:

if(boolean_expression 1){
    # 在布尔表达式 boolean_expression 1 为 true 执行
}
else if( boolean_expression 2){
    # 在布尔表达式 boolean_expression 2 为 true 执行
}
else if(( boolean_expression 3){
    # 在布尔表达式 boolean_expression 3 为 true 执行
}
else{
    # 布尔表达式的条件都为 false 时执行
}

需要注意以下几点:

  • 一个 if 判断语句可以有 0 或 1 个 else 语句,她必需在 else..if 语句后面。
  • 一个 if 判断语句可以有 0 或多个 else..if,这些语句必需在 else 之前。
  • 一旦执行了 else..if 内的代码,后面的 else..if 或 else 将不再执行。

实例

var num:number = 2 
if(num > 0) { 
    console.log(num+" 是正数") 
} else if(num < 0) { 
    console.log(num+" 是负数") 
} else { 
    console.log(num+" 不是正数也不是负数") 
}

编译以上代码得到如下 JavaScript 代码:

var num = 2;
if (num > 0) {
    console.log(num + " 是正数");
}
else if (num < 0) {
    console.log(num + " 是负数");
}
else {
    console.log(num + " 不是正数也不是负数");
}

执行以上 JavaScript 代码,输出结果为:

2 是正数

switch…case 语句

一个switch语句允许测试一个变量等于多个值时的情况。每个值称为一个case,且被测试的变量会对每个switch case进行检查。

switch语句的语法:

switch(expression){
    case constant-expression  :
       statement(s);
       break; /* 可选的 */
    case constant-expression  :
       statement(s);
       break; /* 可选的 */
  
    /* 您可以有任意数量的 case 语句 */
    default : /* 可选的 */
       statement(s);
}

switch 语句必须遵循下面的规则:

  • switch语句中的expression是一个常量表达式,必须是一个整型或枚举类型。
  • 在一个switch中可以有任意数量的case语句。每个case后跟一个要比较的值和一个冒号。
  • case的constant-expression必须与switch中的变量具有相同的数据类型,且必须是一个常量或字面量。
  • 当被测试的变量等于case中的常量时,case后跟的语句将被执行,直到遇到break语句为止。
  • 当遇到break语句时,switch终止,控制流将跳转到switch语句后的下一行。
  • 不是每一个case都需要包含break。如果case语句不包含break,控制流将会继续后续的case,直到遇到break为止。
  • 一个switch语句可以有一个可选的default case,出现在switch的结尾。default case可用于在上面所有case都不为真时执行一个任务。default case中的break语句不是必需的。

流程图

TypeScript 条件语句

实例

var grade:string = "A"; 
switch(grade) { 
    case "A": { 
        console.log("优"); 
        break; 
    } 
    case "B": { 
        console.log("良"); 
        break; 
    } 
    case "C": {
        console.log("及格"); 
        break;    
    } 
    case "D": { 
        console.log("不及格"); 
        break; 
    }  
    default: { 
        console.log("非法输入"); 
        break;              
    } 
}

编译以上代码得到如下 JavaScript 代码:

var grade = "A";
switch (grade) {
    case "A": {
        console.log("优");
        break;
    }
    case "B": {
        console.log("良");
        break;
    }
    case "C": {
        console.log("及格");
        break;
    }
    case "D": {
        console.log("不及格");
        break;
    }
    default: {
        console.log("非法输入");
        break;
    }
}

执行以上 JavaScript 代码,输出结果为:

未经允许不得转载:码云笔记 » TypeScript 条件语句
喜欢(2) 打赏

评论抢沙发

评论前必须登录!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏