In this chapter, we will learn about the JavaScript if statement. This statement allows you to execute a block of code based on a condition. We will cover:
- JavaScript
ifStatement - JavaScript
elseStatement - JavaScript
else ifStatement - Nested
ifStatements - Simple Programs using
ifStatements
JavaScript if Statement
The if statement is used to execute a block of code if a specified condition is true.
Syntax
if (condition) {
// code to be executed if the condition is true
}
Example
let age = 18;
if (age >= 18) {
console.log("You are an adult.");
}
// Output: You are an adult.
In the example above, the condition age >= 18 is true, so the code inside the if block is executed.
JavaScript else Statement
The else statement is used to execute a block of code if the if condition is false.
Syntax
if (condition) {
// code to be executed if the condition is true
} else {
// code to be executed if the condition is false
}
Example
let age = 16;
if (age >= 18) {
console.log("You are an adult.");
} else {
console.log("You are a minor.");
}
// Output: You are a minor.
In the example above, the condition age >= 18 is false, so the code inside the else block is executed.
JavaScript else if Statement
The else if statement is used to specify a new condition to test if the first condition is false.
Syntax
if (condition1) {
// code to be executed if condition1 is true
} else if (condition2) {
// code to be executed if condition1 is false and condition2 is true
} else {
// code to be executed if condition1 and condition2 are false
}
Example
let marks = 75;
if (marks >= 90) {
console.log("Grade: A");
} else if (marks >= 80) {
console.log("Grade: B");
} else if (marks >= 70) {
console.log("Grade: C");
} else {
console.log("Grade: D");
}
// Output: Grade: C
In the example above, the first condition marks >= 90 is false, so the code checks the next condition marks >= 80, which is also false. Then it checks the condition marks >= 70, which is true, so the code inside the else if block is executed.
Nested if Statements
Nested if statements are if statements inside another if statement. They are used to test multiple conditions.
Syntax
if (condition1) {
// code to be executed if condition1 is true
if (condition2) {
// code to be executed if condition2 is true
} else {
// code to be executed if condition2 is false
}
} else {
// code to be executed if condition1 is false
}
Example
let age = 20;
let hasID = true;
if (age >= 18) {
if (hasID) {
console.log("You are allowed to enter.");
} else {
console.log("You need an ID to enter.");
}
} else {
console.log("You are not allowed to enter.");
}
// Output: You are allowed to enter.
In the example above, the outer if condition age >= 18 is true, so the code checks the nested if condition hasID. Since hasID is true, the code inside the nested if block is executed.
Simple Programs using if Statements
Program 1: Check if a Number is Positive, Negative, or Zero
let number = -10;
if (number > 0) {
console.log("The number is positive.");
} else if (number < 0) {
console.log("The number is negative.");
} else {
console.log("The number is zero.");
}
// Output: The number is negative.
Program 2: Check if a Number is Even or Odd
let number = 7;
if (number % 2 === 0) {
console.log("The number is even.");
} else {
console.log("The number is odd.");
}
// Output: The number is odd.
Program 3: Find the Largest of Three Numbers
let num1 = 10;
let num2 = 20;
let num3 = 15;
if (num1 >= num2 && num1 >= num3) {
console.log("The largest number is " + num1);
} else if (num2 >= num1 && num2 >= num3) {
console.log("The largest number is " + num2);
} else {
console.log("The largest number is " + num3);
}
// Output: The largest number is 20
Conclusion
In this chapter, you learned about the JavaScript if statement, including if, else, else if, and nested if statements. We also covered some simple programs using if statements to demonstrate their usage. These control flow statements are essential for making decisions in your code based on different conditions. Understanding how to use them will help you write more complex and functional programs.