JavaScript 教程

JavaScript基础教程

JavaScript this 关键字
JavaScript 严格模式(use strict)
JavaScript 提升(Hoisting)
JavaScript Cookie
JavaScript 弹出框
JavaScript 表单验证
JavaScript 实践经验
JavaScript 常见错误
JavaScript 定时器(Timing)
JavaScript 性能
JavaScript 调试
JavaScript 错误处理
JavaScript Boolean(布尔) 对象
JavaScript 正则表达式(RegExp)
JavaScript 随机数(Random)
JavaScript 事件监听
JavaScript 事件(Events)
JavaScript 数组方法
JavaScript Array(数组) 对象
JavaScript 类型转换
JavaScript Math(算数) 对象
JavaScript 数值(Number)
JavaScript 字符串方法
JavaScript 变量作用域
JavaScript 字符串(String)
JavaScript break和continue语句
JavaScript While 循环
JavaScript 日期(Date)
JavaScript For 循环
JavaScript 对象(Object)
JavaScript 函数(Function)
JavaScript switch语句
JavaScript 事件传播
JavaScript 条件语句
JavaScript 运算符优先级
JavaScript 数组迭代方法
JavaScript 变量
JavaScript 注释
JavaScript 数值方法
JavaScript 语句
JavaScript 输出
JavaScript 运算符
JavaScript 用法
JavaScript 常用示例
JavaScript 数据类型
JavaScript 语法
JavaScript continue 语句
JavaScript String lastIndexOf() 方法
JavaScript Math.cos() 方法
JavaScript Math.max() 方法
JavaScript if...else 语句
JavaScript Math.sin() 方法
JavaScript MIN_VALUE 属性
JavaScript String match() 方法
JavaScript eval() 函数
JavaScript Error message 属性
JavaScript Error name 属性
HTML DOM removeEventListener() 方法
JavaScript RegExp exec() 方法
JavaScript 数组 sort() 方法
JavaScript 数组 reverse() 方法
JavaScript 数组 indexOf() 方法
JavaScript 数组 slice() 方法
JavaScript 数组 lastIndexOf() 方法
JavaScript 数组 splice() 方法
JavaScript 数组 shift() 方法
JavaScript RegExp test() 方法
JavaScript 数组 isArray() 方法
JavaScript 数组 fill() 方法
JavaScript 数组 pop() 方法
JavaScript 数组 unshift() 方法
JavaScript 数组 length 属性
JavaScript 数组 push() 方法
JavaScript 数组 concat() 方法
JavaScript 数组 join() 方法
JavaScript 数组 toString() 方法
JavaScript String() 函数
JavaScript Math.random() 方法
JavaScript Math.ceil() 方法
JavaScript Math.floor() 方法
JavaScript Math.abs() 方法
JavaScript Math.sqrt() 方法
JavaScript Math.pow() 方法
JavaScript Math.round() 方法
JavaScript Math.PI 属性
JavaScript String charCodeAt() 方法
JavaScript String charAt() 方法
JavaScript isNaN() 函数
JavaScript Math.min() 方法
JavaScript String substr() 方法
JavaScript String substring() 方法
JavaScript String slice() 方法
JavaScript String replace() 方法
JavaScript String indexOf() 方法
JavaScript String split() 方法
JavaScript String search() 方法
JavaScript toUpperCase() 方法
JavaScript String concat() 方法
JavaScript String length 属性
JavaScript getUTCMinutes() 方法
JavaScript getUTCDate() 方法
JavaScript getUTCMonth() 方法
JavaScript getUTCHours() 方法
JavaScript String trim() 方法
JavaScript setMilliseconds() 方法
JavaScript setSeconds() 方法
JavaScript setTime() 方法
JavaScript getUTCMilliseconds() 方法
JavaScript setMinutes() 方法
JavaScript getUTCSeconds() 方法
JavaScript setMonth() 方法
JavaScript setHours() 方法
JavaScript setFullYear() 方法
JavaScript getTime() 方法
JavaScript setDate() 方法
JavaScript getUTCFullYear() 方法
JavaScript getMinutes() 方法
JavaScript getUTCDay() 方法
JavaScript getHours() 方法
JavaScript getMonth() 方法
JavaScript getDate() 方法
JavaScript getSeconds() 方法
JavaScript getMilliseconds() 方法
JavaScript getFullYear() 方法
JavaScript 数组 findIndex() 方法
JavaScript 数组 filter() 方法
JavaScript getDay() 方法
JavaScript 数组 every() 方法
JavaScript 数组 find() 方法
JavaScript 数组 map() 方法
JavaScript Date 对象
JavaScript Number.NaN 属性
JavaScript POSITIVE_INFINITY 属性
JavaScript 数组 forEach() 方法
JavaScript MAX_VALUE 属性
HTML DOM addEventListener() 方法
JavaScript 数组 reduce() 方法
JavaScript NEGATIVE_INFINITY 属性
JavaScript Number valueOf() 方法
JavaScript Number toString() 方法
JavaScript parseFloat() 函数
JavaScript parseInt() 函数
JavaScript Number() 函数
JavaScript toFixed() 方法
JavaScript for...of 语句
JavaScript toExponential() 方法
JavaScript do...while 语句
JavaScript while 语句
JavaScript for...in 语句
JavaScript toPrecision() 方法
JavaScript switch 语句
JavaScript throw 语句
HTML DOM console.log() 方法
HTML DOM getElementById() 方法
Window alert() 方法
JavaScript for 语句
HTML DOM innerHTML 属性
JavaScript undefined 属性
HTML DOM write() 方法
HTML DOM style 属性
JavaScript null 空值
JavaScript try...catch 语句
JavaScript break 语句
JavaScript var 语句
JavaScript let 语句
JavaScript const 语句
JavaScript Date.UTC() 方法
JavaScript Date.now() 方法
JavaScript toTimeString() 方法
JavaScript Date toString() 方法
JavaScript toISOString() 方法
JavaScript toJSON() 方法
JavaScript toDateString() 方法
JavaScript toUTCString() 方法
JavaScript setUTCSeconds() 方法
JavaScript Date.parse() 方法
JavaScript setUTCMonth() 方法
JavaScript Date valueOf() 方法
JavaScript setUTCMilliseconds() 方法
JavaScript setUTCHours() 方法
JavaScript toLocaleTimeString() 方法
JavaScript setUTCMinutes() 方法
JavaScript Date constructor 属性
JavaScript toLocaleDateString() 方法
JavaScript toLocaleString() 方法
JavaScript setUTCFullYear() 方法
JavaScript setUTCDate() 方法
JavaScript getTimezoneOffset() 方法
JavaScript Date prototype 属性

JavaScript 对象

JavaScript 对象原型
JavaScript 对象构造函数
JavaScript 创建对象
JavaScript 对象方法
JavaScript 对象属性

JavaScript 函数

JavaScript 闭包
JavaScript 函数应用
JavaScript 函数调用
JavaScript 函数参数
JavaScript 函数定义

JS HTML DOM

JS DOM 改变元素属性
JS DOM 改变CSS
JS DOM Navigation
JS DOM 改变HTML内容
JS HTML DOM选择器
JS HTML DOM方法
JS HTML DOM(文档对象模型)

JS 浏览器BOM

JS Window History
JS Window Navigator
JS Window Location
JS Window 浏览器对象模型
JS Window Screen

AJAX 基础教程

JavaScript 参考手册

当前位置： 首页 JavaScript JavaScript 教程 JavaScript基础教程

JavaScript switch 语句

由网友 大卫 发布 阅读 17

JavaScript switch 语句

 JavaScript 语句和变量声明

switch语句是JavaScript的条件语句之一，用于在不同条件下执行不同的动作。

switch语句对表达式求值，将表达式的值与case子句匹配，并执行与该case关联的语句，以及在匹配case之后的语句。

与每个case标签关联的break语句可确保一旦执行了匹配的语句，程序便会退出switch，并在switch之后的语句处继续执行。如果省略break，程序将在switch语句的下一个语句处继续执行。

default语句指定如果没有匹配的情况下,默认运行的一些代码。switch中只能有一个默认语句。尽管这是可选的，但建议您使用它，因为它可以处理意料之外的情况。

使用switch选择要执行的许多代码块之一。这是长嵌套if ... else语句的完美解决方案。

语法：

switch (expression) {
  case value1:   //语句执行时
   //表达式匹配的结果 value1
   break;
  case value2:   //语句执行时
   //表达式匹配的结果 value2
   break;
  ...
  case valueN:   //语句执行时
   //表达式匹配的结果 valueN
   break;
  default:   //没有以上情况时执行的语句
   //这些值与表达式的值匹配
   }
var city = document.querySelector("input").value;
var text;

switch (city) {
   case "Jaipur":
   text = "Jaipur is known as the Pink City";
   break;
   case "Bengaluru":
   text = "Bengaluru is known as the IT city";
   break;
   case "Kerala": 
   text = "Kerala God's Own Country";
   break;
   default:
   text = "I have never heard of that city...";
}
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持switch语句：

Statement
switch是是是是是

参数值

参数描述
expression一个表达式，其结果与每个case子句匹配。
case valueN用于与表达式匹配的case子句。如果表达式匹配指定的valueN，则执行case子句中的语句，直到switch语句的结尾或break。
default（可选）默认子句；如果提供，则如果expression的值与任何case子句都不匹配，则执行此子句。

技术细节

JavaScript版本：ECMAScript 1

更多示例

使用工作日编号来计算工作日名称（星期日= 0，星期一= 1，依此类推...）：

var day;
switch (new Date().getDay()) {
case 0: day = "Sunday";
break;
case 1: day = "Monday";
break;
case 2: day = "Tuesday";
break;
case 3: day = "Wednesday";
break;
case 4: day = "Thursday";
break;
case 5: day = "Friday";
break;
case 6: day = "Saturday";
break;
default: day = "Undefined Day";
}
测试看看‹/›

如果您忘记break，那么脚本将从符合条件的情况开始运行，然后在满足条件的情况下运行情况：

var num = Number(document.querySelector("input").value);
var text;

switch (num) {
   case 1: text = "您输入的号码是 1";
   case 2: text = "您输入的号码是 2";
   case 3: text = "您输入的号码是 3";
   case 4: text = "您输入的号码是 4";
   case 5: text = "您输入的号码是 5";
   default: text = "Default statement executed";
}
测试看看‹/›

有时，您会希望不同的情况使用相同的代码，或者使用通用代码。

这是单操作switch语句的示例，其中四个不同的值执行的操作完全相同：

var num = Number(document.querySelector("input").value);
var text;

switch (num) {
   case 1:
   case 2:
   case 3:
   case 4:
  text = "您输入的号码是介于 1 - 4";
  break;
   case 5:
   case 6:
   case 7:
   case 8:
  text = "您输入的号码是介于 5 - 8";
  break; 
   default: text = "默认语句被执行";
}
测试看看‹/›

相关参考

JavaScript教程：JavaScript If ... Else语句

JavaScript教程：JavaScript switch

JavaScript参考：JavaScript break语句

 JavaScript 语句和变量声明

JavaScript toPrecision() 方法 JavaScript throw 语句