JavaScript Switch Statement Tutorial

Tutorial: Using Switch Statements to Assign a Shipping Method

Hey there, coder! 👋

In this tutorial, we're going to learn about Switch Statements in JavaScript, and how to use them to assign a shipping method based on a customer's location. Sounds exciting, right? 🎉

Step 1: Create a Variable for the Customer's Location

Open your index.js file and create a variable customerLocation with a string value representing the customer's location. For example:

let customerLocation = "New York"

Step 2: Create a Switch Statement

Now, let's create a Switch Statement to assign a shipping method based on the customerLocation. Add the following code:

switch (
	customerLocation
	// We'll fill this in soon!
) {
}

Step 3: Add Cases for Each Location

We need to add cases for each location and assign a shipping method accordingly. Let's start with New York:

switch (customerLocation) {
  case 'New York':
    console.log('Shipping method: Overnight Express');
    break;

Step 4: Add More Cases

Let's add more cases for other locations. For example:

switch (customerLocation) {
	case "New York":
		console.log("Shipping method: Overnight Express")
		break
	case "California":
		console.log("Shipping method: 2-Day Air")
		break
	case "Florida":
		console.log("Shipping method: Ground Shipping")
		break
	default:
		console.log("Shipping method: Not available in this location")
		break
}

Step 5: Run the Code!

Click the "Run" button to execute the code. You should see the assigned shipping method based on the customerLocation variable in the console.

Try It Out!

Change the value of customerLocation to a different location, such as 'California' or 'Florida', and run the code again. See how the shipping method changes accordingly?

How It Works

The Switch Statement evaluates the value of customerLocation and executes the code block corresponding to the matching case. If no match is found, the default case is executed.

Real-World Example

Imagine you're a logistics manager for an e-commerce company. You need to assign a shipping method based on the customer's location. With a Switch Statement, you can easily manage multiple locations and shipping methods in a scalable way.

What's Next?

In the next tutorial, we'll explore Arrays in JavaScript. You'll learn how to store and manipulate collections of data. Stay tuned! 🚀

Your Turn!

Modify the code to add more locations and shipping methods. Experiment with different cases and see how the Switch Statement works. Have fun! 😊