JavaScript If 语句

在实时编程中,JavaScript If 语句是最有价值的决策语句之一。If 条件允许编译器首先测试条件。根据结果,它将执行代码块。如果测试条件为真,则控制器将仅执行一个代码块。

本文通过一个实际示例解释了 JavaScript If 语句,If 条件的语法结构简单。从下面的代码中,当 If 中的测试条件为真时,将执行 Statement1、2、3……n。如果表达式为假,所有这些行都将被跳过。

if (test condition)
{
 
  Statement1;
  Statement2;
  ………….
  ………….
  StatementN;
}

JavaScript If 语句示例

对于单行,JavaScript 中不需要花括号,但对于多行代码块,这是强制性的。在 If 代码后面使用花括号始终是良好的编程习惯。

此程序将使用此 If 条件检查正数。

<!DOCTYPE html>

<html>
<head>
    <title> Example </title>
</head>
 <h1> Js Example </h1>
<body>
<script>
  var number = prompt("Please Enter any integer Value:", "9");
  if( number >= 1 )
  {
    document.write("You Have Entered Positive Integer");
  }
</script>
</body>
</html>

当您打开浏览器时,将打开一个带有默认值的提示框。我们将默认值设为 9,然后单击“确定”。

Example

You Have Entered Positive Integer: 9

如果您查看上面的 JavaScript if 语句,number 变量中存储的值大于零。这就是为什么它会显示花括号 {} 中的代码。

从上面的示例中,如果条件失败(number < 1)会怎样?它什么也不打印,因为在 if 条件之后我们没有打印任何内容。我希望您感到困惑。让我们看 If 块的流程图以便更好地理解。

If statement Flow Chart

If 语句示例 2

<!DOCTYPE html>

<html>
<head>
    <title> Example </title>
</head>
 <h1> Js </h1>
<body>
<script>
  var number = prompt("Please Enter any integer Value:", "9");
  if( number >= 1 )
  {
    document.write("You Have Entered Positive Integer:  " + number);
  }
  document.write("<br \> This Message is not coming from IF STATEMENT\n");
</script>
</body>
</html>

在此 If 语句示例中,我们将数字的默认值设为 9

If Statement Example

如果您从上面的输出中观察到,它正在显示两个 document write 行,因为 9 大于 1。让我们尝试在提示框中输入负值以故意使条件失败。

-33

如果表达式失败,因为 -33 小于 1,则 If 条件或语句块将不显示任何内容。因此,它只显示块外的代码。

Js

This Message is not coming from IF STATEMENT