js笔记之switch-case

switch 语句来选择要执行的多个代码块之一。switch 不能处理大于小于的语法switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: 与 case 1 和 case 2 不同时执行的代码}工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。注意,如果没有break 匹配上一条以后,下边的条件不匹配,但是会执行代码块的<!DOCTYPE html><html lange = "en"><head> <meta charset="UTF-8"> <title>js之switch </title></head><body> <h1>js之switch </h1> <script type="text/javascript"> var i = 4; switch (i) { case 1: { document.write("星期一"); } case 2: { document.write("星期二"); } case 3: { document.write("星期三"); } case 4: { document.write("星期四"); } case 5: { document.write("星期五"); } case 6: { document.write("星期六"); } case 7: { document.write("星期日"); } } </script></body>结果如下

即4前边的代码都没有执行,到第4条匹配以后,后续的不管是否匹配都执行都执行加上break后<!DOCTYPE html><html lange = "en"><head> <meta charset="UTF-8"> <title>js之switch </title></head><body> <h1>js之switch </h1> <script type="text/javascript"> var i = 4; switch (i) { case 1: { document.write("星期一");break; } case 2: { document.write("星期二");break; } case 3: { document.write("星期三");break; } case 4: { document.write("星期四");break; } case 5: { document.write("星期五");break; } case 6: { document.write("星期六");break; } case 7: { document.write("星期日"); } } </script></body>运行结果如下

switch 的一个用法当不同的条件产生同一个动作的时候,用法比较简单switch (i) { case 1: case 2: case 3: case 4: case 5: { document.write("工作");break; } case 6: case 7: { document.write("休息"); } }

(0)

相关推荐

  • 第三十五集 switch...case开关执行语句

    介绍了C语言中的switch...case开关选择语句

  • 前端教程:JavaScript Switch Case

    可以使用多个if...elseif语句,如前面的章节,执行多路分支.然而,这并不总是最佳的解决方案,尤其是当所有分支的依赖单一的变量的值. 使用JavaScript1.2开始,你可以用它处理的正是这种 ...

  • js笔记合集

    基础篇 ------------------------------------------------- history: 用来控制网页前进和后退,根据的是网页历史纪录 history.back() ...

  • JS数据结构与算法学习笔记大全 (温故而知新,可以为师矣。)

    目录: 6.1 概念 6.2 树的存储结构 6.3 二叉树 6.4 二叉搜索树 5.1概念 5.2 js实现一个简单哈希表: 5.3 处理冲突 4.3.1 原型链实现继承: 4.1 概念 4.2 js ...

  • js 事件笔记

    一.事件简述 1.事件概念 在Web中, 事件在浏览器窗口中被触发,执行事先绑定的事件处理器(也就是事件触发时会运行的代码块),对事件做出响应. 用户在浏览器的任何一个操作都会去触发一个事件,Java ...

  • HTML+CSS+JS详解 | w3c笔记

    Web概述 Web三要素:浏览器,服务器,HTTP协议 HTML工作原理:HTML是部署在服务器上的文本文件,根据HTTP协议浏览器发出请求给服务器,服务器做出响应给浏览器返回一个HTML,浏览器解释 ...

  • Vue JS 自学笔记

    Vue.js Vue 指令 1. v-text v-text指令的作用是:设置标签的内容(textContent) 默认写法会替换全部内容,使用差值表达式{{}}可以替换指定内容 内部支持写表达式 设 ...

  • 日志库 winston 的学习笔记 - 创建一个使用 winston 的 Node.js 应用

    winston 被设计为一个简单且通用的日志库,支持多种传输. 传输本质上是日志的存储设备. 每个 winston 记录器都可以在不同级别配置多个存储渠道.例如,人们可能希望将错误日志存储在持久的远程 ...

  • js中this的指向-笔记

    普通函数:this 永远指向调用它的对象,new的时候,指向new出来的对象. 箭头函数:箭头函数没有自己的 this,当在内部使用了 this时,它会指向最近一层作用域内的 this. //例1 v ...