`
huibin
  • 浏览: 757115 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

[JavaScript] switch-case 的用法

    博客分类:
  • JS
阅读更多

几个例子:

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->function case1(num){
 
switch(num){
  
case 1:
   document.writeln(
"show 1!!");
   
break;
  
case 2:
   document.writeln(
"show 2!!");
   
break;
  
case 3:
   document.writeln(
"show 3!!");
   
break;
  
default:
   document.writeln(
"show others!!");
   
break;
 }
}

function case2(num){
 
switch(num){
  
case 1:
   document.writeln(
"show 1!!");
   
//沒有break,所以會繼續執行case 2
  case 2:
   document.writeln(
"show 2!!");
   
break;
  
case 3:
   document.writeln(
"show 3!!");
   
//沒有break,所以會繼續執行case 4
  case 4:
   document.writeln(
"show 4!!");
   
break;
  
default:
   document.writeln(
"show others!!");
   
break;
 }
}

function case3(num){
 
switch(num){
  
case 1:
  
case 2:
   
//相當於if(num==1 || num==2)
   document.writeln("show 1 or 2!!");
   
break;
  
case 3:
  
case 4:
   
//相當於if(num==3 || num==4)
   document.writeln("show 3 or 4!!");
   
break;
  
default:
   
//相當於else
   document.writeln("show others!!");
   
break;
 }
}

function case4(num){
 
switch(f(num)){
  
case 1:
  
case 2:
   
//相當於if(num==1 || num==2)
   document.writeln("show 1 or 2!!");
   
break;
  
case 3:
  
case 4:
   
//相當於if(num==3 || num==4)
   document.writeln("show 3 or 4!!");
   
break;
  
default:
   
//相當於else
   document.writeln("show others!!");
   
break;
 }
}

function f(num){
 
return num;
}

function case5(num){
 
switch(num<=2){
  
case true:
   document.writeln(
"num <= 2");
   
break;
  
case false:
   document.writeln(
"num > 2");
   
break;
 }
}

 

JavaScript switch case 语句设置范围

 

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->var x=1 
switch(true){ 
case x>0&&x<10
alert(
1);break
case x>=10&&x<20
alert(
2);break
分享到:
评论
1 楼 jallin 2010-11-05  
多谢!就想找
case '1':
case '2':
case '3':

相关推荐

    使用JavaScript switch case 另类写法

    在讨论JavaScript编程时,switch-case结构通常用于基于不同的条件执行不同的代码块。而在函数式编程范式中,函数可以被视为一等公民,即函数可以作为参数传递,也可以作为值返回,还可以被赋值给变量。在JavaScript...

    btsudungswitch-case

    标题"btsudungswitch-case"可能是指一个教程或项目,旨在介绍如何在JavaScript中有效地使用`switch-case`语句。下面将详细介绍`switch-case`的基本用法、优点和注意事项,并结合HTML页面中的应用场景进行阐述。 1. ...

    javascript基础----Typora.rar

    3. **控制流**:如条件语句(if...else)、循环(for、while、do...while)和选择性结构(switch...case)。 4. **函数**:JavaScript中的函数是第一类对象,可以作为变量赋值、作为参数传递和作为返回值。 5. **...

    JavaScript switch case 的用法实例[范围]

    JavaScript中的`switch`语句是一种条件控制结构,用于在多个可能的情况中选择执行某段代码。它是基于一个表达式的结果来决定执行哪个分支的代码。`switch`语句通常比一系列`if...else if...else`语句更简洁且可读性...

    JAVA程式-自动贩卖机SWITCH&CASE.doc

    从标题 "JAVA 程式-自动贩卖机 SWITCH&CASE" 中,我们可以看到这是一个 Java 程式设计的自动贩卖机系统,使用 SWITCH&CASE 语句来实现不同的选择逻辑控制。 描述解析 从描述 "JAVA 程式-自动贩卖机 SWITCH&CASE" ...

    JavaScript教程--从入门到精通

    4. 控制流程:涉及if...else、switch...case、for、while等语句。 三、函数与对象 1. 函数:JavaScript中的函数是一等公民,可以作为变量赋值,也可以作为参数传递或返回值。 2. 对象:JavaScript的对象是一种键值...

    Javascript教程--从入门到精通【完整版】

    3. **控制流程**:掌握if...else、switch...case等条件语句以及for、while、do...while等循环结构,是实现程序逻辑的重要步骤。 4. **函数**:函数是可重用的代码块,用于封装操作。JS中的函数可以接受参数、返回值...

    JS中比Switch...Case更优雅的多条件判断写法

    在JavaScript编程中,多条件判断是经常会遇到的需求,通常情况下,开发者会使用if-else if-else语句或者switch-case语句来实现多条件判断。然而,还有一种更优雅且简洁的判断方式,即对象属性判断法。本文将详细解释...

    switch-exp:切换为 JavaScript 的表达式

    在 Javascript 中作为表达式切换,灵感来自 @FGRibreau 的 。 安装 npm install switch-exp ## 用法 import _switch from 'switch-exp' ; const a = _switch ( thing ) . case ( condition1 ) . then ( '...

    javascript实例应用---综合类.rar

    2. **控制流**:JavaScript提供了if/else语句、switch/case结构、for循环、while循环和do/while循环来控制程序的流程。还有break和continue语句用于在循环中提前退出或跳过当前迭代。 3. **函数**:函数是可重用的...

    JavaScript switch语句使用方法简介

    3. **break**:在每个`case`后的代码块结束时,使用`break`语句来跳出整个`switch`结构,防止执行到下一个`case`。如果不使用`break`,程序会继续执行下一个`case`,直到遇到`break`或`switch`结束。 4. **default**...

    Javascript-Cheat-Sheet.pdf

    - `switch...case`语句用于多条件判断。 8. **字符串** - 字符串是不可变的,可以使用索引访问,如`var s = "Hello"; console.log(s[0]);`。 - 字符串方法包括`length`、`charAt()`、`substring()`、`...

    stream-switch:开关柜的流条件

    switch/case 的流条件,就像 if/else 的 安装 $ npm install stream-switch -g 用法 var switchStream = require('stream-switch'); process.in .pipe(switchStream(function(buf) { if (buf &gt; 0) { return '...

    javascript-思维导图

    这部分会解释事件队列、回调地狱、Promise链式调用和async/await的使用方法。 5. **DOM操作**:JavaScript可以用来操作HTML文档对象模型(DOM),包括选择元素(getElementById、getElementsByClassName、...

    javascript经典特效---用上下左右键移动页面.rar

    在JavaScript中,我们可以使用`addEventListener`方法来添加事件监听器,特别是`keydown`事件,它会在用户按下键盘上的键时触发。代码可能如下: ```javascript document.addEventListener('keydown', function...

    【JavaScript源代码】vue3中轻松实现switch功能组件的全过程.docx

    在Vue3中,我们可以通过自定义组件来模拟实现`switch`功能,这主要涉及到Vue的组件设计、属性绑定以及插槽(slot)的使用。以下是你需要了解的关键知识点: 1. **组件设计**: 在Vue3中创建一个名为`VSwitch`的...

    js switch case default 的用法示例介绍

    总的来说,理解和熟练使用`switch`、`case`和`default`对于编写高效、可读的JavaScript代码至关重要。它们提供了优雅的方式来处理多路分支,使得代码结构更加紧凑,降低了出错的可能性。在编写涉及条件判断的代码时...

    第课-JavaScript-语法优秀文档.ppt

    例如,当用户点击按钮时,JavaScript可以通过`document.getElementById`或`document.querySelector`等方法获取元素,并用`innerHTML`或`innerText`修改其内容。 外部JavaScript文件通过`&lt;SCRIPT SRC="file.js"&gt;&lt;/...

Global site tag (gtag.js) - Google Analytics