个性化阅读
专注于IT技术分析

ES6条件语句介绍和用法示例

ES6条件语句用于根据各种条件执行不同的操作。条件语句在执行指令之前评估条件。

在编写代码时, 你需要针对不同的决定执行不同的操作。你可以通过使用条件语句轻松执行它。

ES6条件语句介绍和用法示例

条件语句的类型

JavaScript中的条件语句如下所示:

  • if语句
  • if…else语句
  • if…else, if…语句
  • 嵌套if语句
  • switch语句

让我们尝试详细说明这些条件语句。

if语句

它是最简单的决策语句之一, 用于确定在特定条件为真时是否将执行JavaScript代码块。

语法

if (condition) {
  // block of code will execute if the condition is true
}

如果条件的计算结果为true, 则执行if语句中的代码, 但是如果条件的计算结果为false, 则将执行if语句结束之后(大括号关闭之后)的代码。

注意:if语句必须用小写字母书写。使用大写字母(If或IF)将导致JavaScript错误。

流程图

ES6条件语句介绍和用法示例

例如

var  x = 78;
if (x>70) { 
   console.log("x is greater") 
}

输出如下

x is greater

if….else语句

if …. else语句包含两个块, 分别是if块和else块。这是控制语句的下一种形式, 它允许以更受控制的方式执行JavaScript。当你需要检查两个不同的条件并执行一组不同的代码时, 可以使用它。如果条件为假, 则else语句用于指定代码块的执行。

语法

if (condition)
 {
  // block of code will execute if the condition is true
}
 else
 {
  // block of code will execute if the condition is false
}

如果条件为true, 则将执行if块中的语句, 但如果条件为false, 则将执行else块的语句。

流程图

ES6条件语句介绍和用法示例

例如

让我们尝试通过以下示例来了解if..else语句:

var x = 40, y=20; 
if (x < y) 
{ 
   console.log("y is greater"); 
} 
else 
{ 
   console.log("x is greater"); 
}

输出如下

x is greater

if …. else if ….. else语句

它用于测试多个条件。 if语句可以有多个或零个else if语句, 并且必须在使用else语句之前使用它们。你应始终牢记, else语句必须位于else if语句之后。

语法

if (condition1) 
{
  //  block of code will execute if condition1 is true
}
 else if (condition2) 
{
  //  block of code will execute if the condition1 is false and condition2 is true
} 
else 
{
  //  block of code will execute if the condition1 is false and condition2 is false
}

例子

var a = 10, b = 20, c = 30; 
if( a > b && a > c) { 
   console.log("a is greater"); 
} else if( b > a && b > c ) { 
    console.log("b is greater"); 
} else { 
    console.log("c is greater"); 
}

输出如下

c is greater

嵌套的if语句

它是if语句中的if语句。

语法

if (condition1) 
{ 
Statement 1; //It will execute when condition1 is true
if (condition2)
 { 
Statement 2; //It will execute when condition2 is true
}
else
{
 Statement 3; //It will execute when condition2 is false
}
}

例子

var num = 20;
if (num > 10)
{
if (num%2==0)
console.log( num+ " is greater than 10 and even number");
else
console.log(num+ " is greater than 10 and odd number");
}
else
{
console.log(num+" is smaller than 10");
}
console.log("After nested if statement");

输出如下

20 is greater than 10 and even number
After nested if statement

switch语句

这是一个多向分支语句, 也用于决策目的。在某些情况下, switch语句比if-else语句更方便。它主要在所有分支都取决于单个变量的值时使用。它根据不同的情况执行一个代码块。

switch语句使用break或default关键字, 但它们都是可选的。让我们定义以下两个关键字:

break:在switch语句中用于终止语句序列。它是可选的。如果省略它, 那么将在每个语句上继续执行。当使用它时, 它将停止该块内的执行。

默认值:它指定没有大小写匹配时要运行的一些代码。交换机中只能有一个默认关键字。它也是可选的, 但是建议使用它, 因为它可以处理意外情况。

如果在某些情况下传递给switch的条件与任何值都不匹配, 则将执行默认情况下的语句。

要记住的几点

  • 开关表达式可以有一个或多个case值。
  • 使用break和default关键字是可选的。
  • case语句只能包含常量和文字。它不能是表达式或变量。
  • 除非你在每个块的代码后面都放个空格, 否则执行将连续流入下一个块。
  • 不必在开关块中最后放置默认案例。

语法

switch(expression){    
case value1:    
 //code to be executed;    
 break;  //optional  
case value2:    
 //code to be executed;    
 break;  //optional  
......    
    
default:     
 code to be executed if all cases are not matched;    
}

流程图

ES6条件语句介绍和用法示例

例子

var num = 5; 
switch(num) { 
    case 0 : { 
      console.log("Sunday"); 
      break; 
   } 
   case 1 : { 
    console.log("Monday"); 
    break; 
 } 
   case 2 : { 
    console.log("Tuesday"); 
    break; 
 }    
   case 3 : { 
    console.log("Wednesday"); 
    break; 
 }
   case 4 : { 
    console.log("Thursday"); 
    break; 
 } 
   case 5 : { 
    console.log("Friday"); 
    break; 
 } 
   case 6 : { 
    console.log("Saturday"); 
    break; 
 }    
   default: { 
      console.log("Invalid choice"); 
      break;              
   } 
}

输出如下

Friday

赞(0) 打赏
未经允许不得转载:srcmini » ES6条件语句介绍和用法示例
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

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

微信扫一扫打赏