$100 Website Offer

Get your personal website + domain for just $100.

Limited Time Offer!

Claim Your Website Now

JavaScript Condition

In JavaScript, you can use conditional statements to execute different code blocks based on different conditions. The main types of conditional statements are:

1. If Statement:

The if statement executes a block of code if a specified condition is true.

let x = 10;

if (x > 5) {
    console.log("x is greater than 5");
}

2. If-Else Statement:

The if-else statement executes one block of code if the condition is true, and another block if the condition is false.

let x = 3;

if (x % 2 === 0) {
    console.log("x is even");
} else {
    console.log("x is odd");
}

3. Else-If Statement:

The else if statement allows you to specify multiple conditions to be tested.

let x = 0;

if (x > 0) {
    console.log("x is positive");
} else if (x < 0) {
    console.log("x is negative");
} else {
    console.log("x is zero");
}

4. Switch Statement:

The switch statement allows you to test a variable against multiple values and execute different code blocks based on which value it equals to.

let day = "Monday";

switch (day) {
    case "Monday":
        console.log("It's Monday!");
        break;
    case "Tuesday":
        console.log("It's Tuesday!");
        break;
    default:
        console.log("It's another day of the week");
}

5. Ternary Operator:

The ternary operator ? : is a concise way to write conditional statements.

let x = 10;
let message = (x > 5) ? "x is greater than 5" : "x is less than or equal to 5";
console.log(message);

Conditional statements are fundamental for controlling the flow of your JavaScript code, allowing you to execute different blocks of code based on specific conditions. They are powerful tools for building dynamic and interactive applications.

6. Switch Statements:

Switch statements in JavaScript provide a way to execute different code blocks based on the value of an expression. The syntax of a switch statement looks like this:

switch (expression) {
  case value1:
    // Code block to be executed if expression matches value1
    break;
  case value2:
    // Code block to be executed if expression matches value2
    break;
  // Additional cases as needed
  default:
    // Code block to be executed if expression doesn't match any case
}

Here’s how it works:

  • The switch keyword is followed by the expression whose value you want to test.
  • Each case specifies a value to compare the expression against. If the expression matches a case value, the corresponding code block is executed.
  • The break statement is used to exit the switch block once a match is found. If omitted, execution will continue to the next case, even if the condition doesn’t match.
  • The default case is optional and is executed if none of the cases match the expression.

Example:

let day = 3;
let dayName;

switch (day) {
  case 1:
    dayName = 'Monday';
    break;
  case 2:
    dayName = 'Tuesday';
    break;
  case 3:
    dayName = 'Wednesday';
    break;
  case 4:
    dayName = 'Thursday';
    break;
  case 5:
    dayName = 'Friday';
    break;
  case 6:
    dayName = 'Saturday';
    break;
  case 7:
    dayName = 'Sunday';
    break;
  default:
    dayName = 'Invalid day';
}

console.log(dayName); // Output: Wednesday

Switch statements are useful when you have a single expression with multiple possible values and want to execute different code based on each value. They provide a cleaner and more readable alternative to multiple if-else statements in such cases.

Related Posts

The Comprehensive Blueprint for Free Vehicle Rental Management Software

Introduction The growth of the global vehicle rental industry has been fueled by a shift in consumer behavior toward the sharing economy. As travel demands rise and…

Read More

Comparing the World’s Best Heart Surgery Hospitals and Clinical Teams

Introduction The Growing Burden of Cardiovascular Diseases Cardiovascular diseases (CVDs) remain the leading cause of mortality globally, placing an unprecedented burden on healthcare delivery systems. Ischemic heart…

Read More

Affordable Website Design for Growing Companies: The Complete Strategic Guide

Introduction In the digital landscape, a website serves as a company’s modern storefront, primary lead generator, and foundational brand asset. For growing companies, startups, and small businesses,…

Read More

The Ultimate Guide to a User-Friendly and Mobile-Ready Business Website

Introduction A corporate website is no longer just a passive digital brochure; it functions as your primary storefront, lead generator, and brand ambassador. Over 60% of all…

Read More

Best Places to Visit in Goa: The Ultimate Travel Guide to Beaches, Nightlife & Itineraries

Introduction Finding the best places to visit in Goa means opening the door to a paradise that seamlessly blends laid-back coastal living with high-octane excitement. Whether you…

Read More

Best Countries for Plastic Surgery: Top Global Cosmetic Hospitals, Surgeons, and Costs

Introduction Deciding to undergo an aesthetic procedure is a deeply personal journey, and finding the best cosmetic hospitals in the world is the critical first step toward…

Read More
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x