js switch案例
时间: 2023-07-12 15:46:12 浏览: 45
好的,以下是一个简单的JavaScript switch语句的示例代码:
```
let fruit = 'apple';
switch (fruit) {
case 'banana':
console.log('This is a banana.');
break;
case 'apple':
console.log('This is an apple.');
break;
case 'orange':
console.log('This is an orange.');
break;
default:
console.log('Unknown fruit.');
break;
}
```
在此示例中,我们使用了一个字符串变量fruit,并将其设置为'apple'。然后,我们使用switch语句来测试fruit的值并执行相应的代码块。在此示例中,我们有三个情况(case)分别测试fruit的值是否等于'banana'、'apple'或'orange'。如果fruit的值等于其中一个情况,将执行相应的代码块。如果fruit的值不等于任何情况,则将执行default代码块。在这个示例中,fruit的值为'apple',因此将执行“This is an apple.” 的代码块。
相关问题
js switch case语句案例
### 回答1:
switch case语句是一种常用的条件语句,它可以根据不同的条件执行不同的代码块。以下是一个简单的js switch case语句案例:
```
var day = new Date().getDay();
switch(day){
case 0:
console.log("今天是星期日");
break;
case 1:
console.log("今天是星期一");
break;
case 2:
console.log("今天是星期二");
break;
case 3:
console.log("今天是星期三");
break;
case 4:
console.log("今天是星期四");
break;
case 5:
console.log("今天是星期五");
break;
case 6:
console.log("今天是星期六");
break;
default:
console.log("日期错误");
}
```
以上代码会获取当前日期的星期数,然后根据不同的星期数执行不同的代码块。如果日期错误,则会输出“日期错误”。
### 回答2:
switch case语句是JavaScript中的一种流程结构,适用于多条件判断的情况。它的语法形式如下:
```javascript
switch(expression) {
case value1:
// 当expression等于value1时执行的代码
break;
case value2:
// 当expression等于value2时执行的代码
break;
case value3:
// 当expression等于value3时执行的代码
break;
default:
// 当expression不等于任何case时执行的代码
}
```
其中,expression表示需要判断的表达式,value1、value2、value3等为每个case的值,default表示表达式不等于任何一个case时的默认执行代码。
下面是一个具体的案例:
```javascript
var fruit = "orange";
switch(fruit) {
case "apple":
console.log("This is an apple.");
break;
case "banana":
console.log("This is a banana.");
break;
case "orange":
console.log("This is an orange.");
break;
default:
console.log("I don't know what fruit this is.");
}
```
这个例子中,我们根据变量fruit的值来判断是哪种水果,如果fruit等于"apple",就输出"This is an apple.",如果fruit等于"banana",就输出"This is a banana.",如果fruit等于"orange",就输出"This is an orange.",如果fruit不等于任何一个case,就输出"I don't know what fruit this is."。
这样,我们就可以通过switch case语句来实现多条件判断,使程序更加灵活和方便。
### 回答3:
JavaScript中,switch case语句可以帮助开发者根据不同的条件来执行不同的代码块。它可以代替多个if-else语句,并且更加简洁易读。
下面是一个简单的switch case语句的案例:
```
var day = new Date().getDay();
switch(day) {
case 0:
console.log("今天是星期日");
break;
case 1:
console.log("今天是星期一");
break;
case 2:
console.log("今天是星期二");
break;
case 3:
console.log("今天是星期三");
break;
case 4:
console.log("今天是星期四");
break;
case 5:
console.log("今天是星期五");
break;
case 6:
console.log("今天是星期六");
break;
default:
console.log("日期错误");
}
```
在上面的例子中,我们创建了一个变量day,并将它的值设置为当前日期的星期几,这可以通过内置的Date对象中的getDay()方法来实现。
接着我们使用switch case语句来根据day变量的值选择要执行的代码块。在case 0到6中,我们分别输出不同的信息,表示星期日到星期六,将输出不同的结果。而在default语句中,如果day的值既不在0到6的范围内,那么这个“日期错误”的信息将会被输出。
需要注意的事项是,每个case语句必须以break结尾,否则将导致执行了所有后续的case。在这个例子中,如果case 0没有以break结尾,那么将会输出所有的case语句,分别表示每个星期几。
总的来说,JavaScript中的switch case语句比if-else语句更加简洁易读。可以通过它来帮助开发人员更好地控制代码的执行路径。
前端switch语句案例
下面是一个前端使用Switch语句的案例:
```html
<!DOCTYPE html>
<html>
<head>
<title>Switch语句案例</title>
</head>
<body>
<h1>选择一个水果:</h1>
<select id="fruit">
<option value="">请选择</option>
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="watermelon">西瓜</option>
</select>
<button onclick="showFruit()">确定</button>
<p id="result"></p>
<script>
function showFruit() {
var fruit = document.getElementById("fruit").value;
switch (fruit) {
case "apple":
document.getElementById("result").innerHTML = "您选择了苹果。";
break;
case "banana":
document.getElementById("result").innerHTML = "您选择了香蕉。";
break;
case "orange":
document.getElementById("result").innerHTML = "您选择了橙子。";
break;
case "watermelon":
document.getElementById("result").innerHTML = "您选择了西瓜。";
break;
default:
document.getElementById("result").innerHTML = "请选择一个水果。";
}
}
</script>
</body>
</html>
```
这个案例中,我们创建了一个下拉列表和一个按钮,用户可以从下拉列表中选择一个水果,并点击按钮确认选择。当用户点击按钮时,我们调用了一个JavaScript函数`showFruit()`,该函数获取用户选择的水果值,并使用Switch语句在`<p>`元素中显示相应的消息。如果用户没有选择任何水果,则显示一条默认消息。