下载文档原格式
js switch语法
switch语句是JavaScript语言的一种流程控制结构，可以根据不同的条件，执行不
同的代码块。
这是JavaScript语言一种比较常用的控制语句，可以帮助我们更清晰地组
织程序代码和提高效率。
在使用switch语句时，一般按如下格式：
switch（expression）{
case A：
// 当expression 匹配A时，执行此处代码
break;
case B：
// 当expression 匹配B时，执行此处代码
break;
...
default:
// 当以上条件都不满足时，执行此处代码
}
switch语句执行的过程如下：首先计算出expression的值，然后和各个case的值进行比较，如果满足则执行对应的代码块，如果不满足，则跳过，直到到达default分支，
则执行default指定的代码。
switch语句很方便，可以结合if…else结构，给程序以不同的运行流程，避免了嵌
套if…else语句的混乱。
当我们在想将程序更加清晰地组织起来，或者表达的复杂度更
高一点的时候，就可以考虑使用switch语句。
switch语句的一大特点就是，如果表达式值不在case分支中出现，则执行default
分支，此时要注意default语句不要省略，否则将无法正常运行，有可能出现意外的错误。
switch语句在编程中被广泛应用，比较方便管理，但运行速度较慢，特别在数据量大的情况下，因此一般在程序中有比较大量的选择或比对条件时，应该考虑使用if…else
结构更加优化程序，以提升程序的执行效率。
js switch default用法switch 语句是一种选择性的流程控制语句，即根据一定的条件去执行不同的程序代码，是一种多分支判断语句。
在以往的C/C++编程中，switch关键字主要应用于字符和整数值，进行逐个案例的判断与执行，而在 ECMAScript 中，switch 关键字已支持字符与整数以外，还支持字符串类型、布尔类型，甚至函数返回值类型。
一般而言，switch语句会包含以下内容：1. switch关键字2. 一个表达式，表达式的值用于匹配每个case的表达式值3. 多个case和case后面的语句块4. 一个可选的default语句，用于在表达式的值，没有和case表达式的值匹配的情况下执行的语句5. 一个可选的break语句，用于在跳出switch语句default语句就是当switch中的表达式的值没有与任何case语句的表达式的值匹配时，执行默认情况下准备好的语句。
它主要有两种用法：1. 没有表达式匹配时执行2. 跳过条件匹配，简化switch第一种用法是当没有表达式的值与case的表达式的值匹配时，执行的语句，比如：switch(i){case 1:console.log("case 1");break;case 2:console.log("case 2");break;default:console.log("default");}在上面的代码中，如果i的值是3，就会进入default分支执行console.log("default")；第二种用法是利用default语句跳过条件匹配，简化switch，例如：总的来说，default语句的作用主要有：没有表达式匹配时执行语句；利用default 语句跳过条件匹配，简化switch；在switch中提供一个默认情况，以防程序出现意外情况。
第二次任务（预备知识：第二、三章；分值：10分；选做：3选1；需辅导教师评分）实训二：显示数据列表1.题目显示数据列表。
2.目的（1）掌握流程控制语句的使用。
（2）掌握函数的使用。
（3）理解闭包的概念。
（4）应会设计基本的应用程序。
3.内容在所设计的项目中，实现显示数据列表。
数据以表格的方式显示，不同的行显示不同的颜色。
当单击每行数据的标题时，将会弹出窗口，显示详细信息。
4.要求（1）数据存放在数组中，用程序实现数据显示。
（2）以闭包的方式定义工具，窗口函数封装在工具中。
（3）通过循环生成数据行，用条件判断实现不同行显示不同的颜色。
参考答案：这个任务可以通过JavaScript和HTM1实现。
我们需要一个HTM1表格来显示数据，然后使用JaVaSCriPt来填充数据和控制行颜色以及弹出窗口。
这里是一个简单的示例：首先，创建一个HTM1文件，例如叫做index.htm1：htm1复制代码<!DOCTYPE htm1><htm1><head>CtitIe>数据列表显示<∕tit1e><sty1e>tab1e{width:100%;border-co11apse:co11apse;)th,td{border:Ipx so1idb1ack;padding:8px;text-a1ign:1eft;}.odd-row{background-co1or:#f2f2f2;).even-row{background-co1or:#FFfFFf;}<∕sty1e><∕head><body><tab1e id=,,data-tab1e"><∕tab1e><script src=',script.js,,><∕script><∕body><∕htm1>然后，创建一个JaVaSCriPt文件，例如叫做SCriPt.js：javascript复制代码//定义数据数组var data=[{name:"张三∖age:23,gender:“男"},{name:,1李四,,,age:24,gender:,,女,,},{name:“王五"，age:25,gender:“男"},//更多数据.・・]；//创建并返回一个函数，该函数用于创建并返回一个表格行元素function createRow(data1tem){//使用数据项创建并返回一个表格行元素var row=document.CreateE1ement(,tr,);var nameCe11=document.cReateE1ement(,td,);nameCe11.textcontent=;row.appendChi1d(nameCe11);var ageCe11=document.CreateE1ement(,td,);ageCe11.textcontent=data1tem.age;row.appendChi1d(ageCe11);var genderCe11=document.CreateE1ement(,td,);genderCe11.textcontent=data1tem.gender;row.appendChi1d(genderCe11);return row;)//创建并返回一个函数，该函数用于创建并返回一个带有标题的表格行元素，并且该行在被点击时会弹出一个窗口显示详细信息function CreateTit1eROW(titIe){//使用标题创建并返回一个表格行元素，该行在被点击时会弹出一个窗口显示详细信息var row=createRow({name:tit1e,age:'点击查看"gender:'点击查看’})；//使用“点击查看”作为占位符文本，直到实现弹出窗口的功能为止row.addEvent1istener('c1ick'function(){//为该行添加一个点击事件监听器，当该行被点击时，将弹出一个窗口显示详细信息var win=WindoW.open(,,,新窗口中创建一个新的表格，其中包含标题行(Name,Age,Gender)win.document.write(,<tr><td>,+data[0].name+,<∕td><td>,+data[0].age+,<∕td><td>< +data[0].gender+,<∕td><∕tr>');//在新窗口中添加第一行数据(假设第一行数据是标题行)for(var i=1;i<data.1ength;i++){//对于数据数组中的每一项数据，在新窗口中添加一行数据(除了标题行)win.document.write(,<tr><td>,+data[i].name+,<∕td><td>,+data[i].age+,<∕td><td>,+d ata[i].gender+,<∕td><∕tr>,);//在新窗口中添加一行数据(Name,Age,Gender)} win.document.write('<∕tab1e>,);//在新窗口中关闭表格标签，完成表格的创建和数据的添加win.document.c1ose();//关闭新窗口的文档对象模型(DOM),完成新窗口的创建和数据的添加，然后使新窗口可读或可写(取决于用户的设置)})；//在该行上添加一个点击事件监听器，当该行被点击时，将弹出一个窗口显示详细信息(Name,Age,Gender)的表格，其中包含所有数据项的数据(Name,Age,Gender)实训三：随机显示题头图片1.题目随机显示题头图片。
js的swicth格式JavaScript中的Switch语句是一种流程控制语句，它允许程序根据一个表达式的值，在多个不同的代码块之间进行选择。
在本文中，我们将深入研究JavaScript中Switch语句的格式、用法和最佳实践。
1. Switch语句的基本格式Switch语句由一个表达式、一个或多个case子句和一个可选的default子句组成。
表达式是要匹配的值，case子句是要执行的代码块，default子句是当没有任何case匹配时要执行的代码块。
下面是Switch语句的基本格式：```switch (expression) {case value1:// code blockbreak;case value2:// code blockbreak;default:// code block}```在上面的代码中，expression是要匹配的表达式，value1和value2是要匹配的值。
如果expression等于value1，则执行第一个code block，并且在该代码块完成后跳出switch语句。
如果expression等于value2，则执行第二个code block，并且在该代码块完成后跳出switch语句。
如果没有任何case与expression匹配，则执行default代码块。
2. Switch语句中break关键字在Switch语句中使用break关键字非常重要。
如果没有break关键字，程序将继续执行下一个case子句或default子句，直到遇到break为止。
下面是一个没有break关键字的Switch语句的例子：```switch (expression) {case value1:// code blockcase value2:// code blockbreak;default:// code block}```在上面的代码中，如果expression等于value1，则执行第一个code block，并继续执行第二个code block，然后跳出switch语句。
流程控制1.什么是流程？流程就是指计算机代码执行的过程。
2.什么是流程控制？流程控制就是对计算机代码执行过程的控制。
3.流程控制的分类：顺序结构指的是代码自上而下的执行过程。
（绝大部分语言的默认结构）分支/选择结构分支结构指的是在不同的条件下执行不同的代码内容。
循环结构重复执行同样代码的结构就是循环结构。
顺序结构：顺序结构是JS的默认执行流程，自上而下执行代码，不需人为控制。
分支/选择结构单项分支格式1：if(条件表达式)一条JS语句；格式2:if(条件表达式){一条JS语句；二条JS语句}注意：当if的条件表达式为true的时候则执行if后所控制的代码区域，格式1只控制if后的第一条语句，格式2控制if后{}内所有语句。
当if条件表达式为false的时候，则不执行if控制的代码区域。
双项分支格式1：if(条件表达式)一条JS代码;else一条JS代码;格式2：if(条件表达式){一条JS代码;一条JS代码;一条JS代码;....}else{一条JS代码;一条JS代码;....}注意：if后的条件表达式结果为真，则执行if后锁控制的代码，如果if后的条件表达式结果为假，则执行else后所控制的代码。
if后的代码区域称之为真区间或者if区间else之后的代码区域称之为假区间或者else区间多项分支格式1:if(条件表达式){JS代码;}else if(条件表达式){JS代码;}else if(条件表达式){JS代码;}else if(条件表达式){JS代码;}else if(条件表达式){JS代码;}else{JS代码;}注意：在多项分支中，能够选择的分支不止1.2个，但是无论如何在执行了符合条件的第一个分支之后，所有分支选择结构就结束了。
格式2:switch..case 分支switch(变量){case 值:js代码;[break;]case 值:js代码;[break;]....default:JS代码;}注意：1.case的值必须是确定的值，而不是是一个范围。
switchcase语句的用法js在JavaScript 中，`switch` 语句是一种用于根据表达式的值选择不同代码块执行的流程控制语句。
`switch` 语句提供了一种比一系列嵌套的`if-else` 语句更清晰的方式来处理多个可能的条件。
以下是`switch` 语句的基本用法：```javascriptswitch (expression) {case value1:// 当表达式的值等于value1 时执行的代码块break;case value2:// 当表达式的值等于value2 时执行的代码块break;// 更多的case 分支default:// 当表达式的值不匹配任何case 时执行的默认代码块}```- `switch` 语句通过评估表达式的值，并将其与每个`case` 的值进行比较，找到匹配的值后执行相应的代码块。
-每个`case` 后面都需要使用`break` 语句来终止`switch` 语句，以防止继续执行后面的`case`。
-如果表达式的值没有匹配任何`case`，可以使用`default` 分支执行相应的代码块。
下面是一个具体的示例，演示如何使用`switch` 语句处理不同的条件：```javascriptlet day = 3;let dayName;switch (day) {case 1:dayName = 'Monday';break;case 2:dayName = 'Tuesday';break;case 3:dayName = 'Wednesday';break;case 4:dayName = 'Thursday';break;case 5:dayName = 'Friday';break;default:dayName = 'Weekend';}console.log(`Today is ${dayName}.`);```在这个例子中，`switch` 语句根据`day` 的值选择不同的分支执行。
javascript中switch用法一、概述switch语句是JavaScript中的一种流程控制语句，用于根据不同的条件执行不同的代码块。
它可以替代一系列if-else语句，使代码更加简洁和易读。
二、基本语法switch(expression){case value1://code blockbreak;case value2://code blockbreak;default://code block}其中，expression是要进行判断的表达式，value1、value2等是可能的值，case后面跟着一个值，表示当expression等于这个值时执行相应的代码块。
如果expression没有匹配到任何一个case，则执行default后面的代码块。
三、注意事项1. case后面跟着的值必须是常量或字面量，不能是变量或表达式。
2. 每个case后面必须加上break语句，否则会继续执行下一个case。
3. switch语句可以嵌套使用。
4. 如果没有default语句，则当所有case都不匹配时不会有任何操作。
四、示例下面是一个简单的示例：var day = "Monday";switch(day){case "Monday":console.log("Today is Monday");break;case "Tuesday":console.log("Today is Tuesday");break;case "Wednesday":console.log("Today is Wednesday");break;default:console.log("Today is not Monday, Tuesday or Wednesday"); }输出结果为：Today is Monday。
JS流程控制语句1.做判断（if语句）if语句是基于条件成⽴才执⾏相应代码时使⽤的语句。
语法:if(条件){ 条件成⽴时执⾏代码}注意：if⼩写，⼤写字母（IF）会出错！假设你应聘web前端技术开发岗位，如果你会HTML技术，你⾯试成功，欢迎加⼊公司。
代码表⽰如下:<script type="text/javascript">var mycarrer = "HTML";if (mycarrer == "HTML"){document.write("你⾯试成功，欢迎加⼊公司。
");}</script>2.⼆选⼀（if...else语句）if...else语句是在指定的条件成⽴时执⾏代码，在条件不成⽴时执⾏else后的代码。
语法:if(条件){ 条件成⽴时执⾏的代码}else{条件不成⽴时执⾏的代码}假设你应聘web前端技术开发岗位，如果你会HTML技术，你⾯试成功，欢迎加⼊公司，否则你⾯试不成功，不能加⼊公司。
代码表⽰如下:<script type="text/javascript">var mycarrer = "HTML"; //mycarrer变量存储技能if (mycarrer == "HTML"){ document.write("你⾯试成功，欢迎加⼊公司。
"); }else //否则，技能不是HTML{ document.write("你⾯试不成功，不能加⼊公司。
");}</script>3.多重判断（if..else嵌套语句）要在多组语句中选择⼀组来执⾏，使⽤if..else嵌套语句。
语法:if(条件1){ 条件1成⽴时执⾏的代码}else if(条件2){ 条件2成⽴时执⾏的代码}...else if(条件n){ 条件n成⽴时执⾏的代码}else{ 条件1、2⾄n不成⽴时执⾏的代码}假设数学考试，⼩明考了86分，给他做个评价，60分以下的不及格，60(包含60分)-75分为良好，75(包含75分)-85分为很好，85(包含85分)-100优秀。
一. 与html结合方式1. 内部JS：定义<script>，标签体内容就是js代码（可以理解为和html代码写在一起）2. 外部JS：定义<script>，通过src属性引入外部的js文件（单独定义的JS代码，没有和html代码写在一块）* 注意：1. <script>可以定义在html页面的任何地方。
但是定义的位置会影响执行顺序。
2. <script>可以定义多个。
二. 注释和Java语言一样1. 单行注释：//注释内容2. 多行注释：/*注释内容*/三. 数据类型：1. 原始数据类型(基本数据类型)：（不知道原始数据类型也可以学好JavaScript）1. number：数字。
整数/小数/NaN(not a number 一个不是数字的数字类型)2. string：字符串。
字符串 "abc"、"a" 、'abc'3. boolean: true和false4. null：一个对象为空的占位符5. undefined：未定义。
如果一个变量没有给初始化值，则会被默认赋值为undefined2. 引用数据类型：对象四. 变量1、变量：一小块存储数据的内存空间2、Java语言是强类型语言，而JavaScript是弱类型语言。
* 强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。
只能存储固定类型的数据* 弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。
3、语法：* var 变量名= 初始化值;4、typeof运算符：获取变量的类型。
* 注：null运算后得到的是object五. 运算符(和Java有点类似)1. 一元运算符：只有一个运算数的运算符++、--、 +(正号)* ++ --: 自增(自减)* ++(--) 在前，先自增(自减)，再运算* ++(--) 在后，先运算，再自增(自减)* +(-)：正负号* 注意：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换* 其他类型转number：* string转number：按照字面值转换。
js基础语法
JavaScript是一种高级的、解释型的编程语言，它是一种脚本语言，可以用来开发Web应用、游戏、桌面应用、移动应用等等。
以下是JavaScript的基本语法：
变量：用var关键字声明一个变量，例如var num = 5;，其中num
是变量名，5是变量的值。
数据类型：JavaScript有基本数据类型（string、number、boolean、null、undefined）和复杂数据类型（object、array、function）。
控制流程：if-else语句、for循环、while循环、switch语句等用
来控制代码执行流程的语法。
函数：用function关键字定义一个函数，例如function add(num1, num2) {return num1 + num2;}，其中add是函数名，num1和num2是函
数的参数，return语句用来返回函数的值。
对象：JavaScript中的对象是键值对的集合，可以通过点操作符（.）或者方括号（[]）来访问对象的属性和方法，例如var person = {name: 'Tom', age: 20};，可以通过或者person['name']来获取name属性的值。
数组：JavaScript中的数组是一组值的有序列表，可以通过方括号
来访问数组的元素，例如var nums = [1, 2, 3, 4];，可以通过nums[0]
来获取数组的第一个元素的值。
以上是JavaScript的基础语法，在深入学习JavaScript时，还需要
进一步了解JavaScript的面向对象编程、模块化等高级特性。
第3章 流程控制
3.1 赋值语句
赋值语句是JS程序中最常用的语句，赋值语句的语法：
变量名=表达式;
当使用关键字var声明变量时，可以同时使用赋值语句对声明的变量进行赋值。
var variable = 50;
var variable2 = "五十";
3.2 条件判断语句：if语句、switch语句
条件判断语句就是对语句中不同条件的值进行判断，进而根据不同的条件执行不同的语句，条件判断语句包括两类：
一、if判断语句；
二、switch多分支语句
3.2.1 if语句
if条件判断句是最基本、最常用的流程控制语句，可以根据条件表达式的值执行相应的处理。
if语句语法格式：
if(expression){
statement1
}else{
参数说明：
expression: 必选项。
用于指定条件表达式，可以使用逻辑运算符。
statement1: 用于指定要执行的语句序列。
当expression的值为true时，执行该语句序列。
statement2: 用于指定要执行的语句序列。
当expression的值为false时，执行该语句序列。
【实例 计算指定年的2月份的天数】
【代码】
【运行效果】
3.2.2 if...else语句
在if语句的标准形式中，首先对expression的值进行判断，如果它的值是true，则执行statement1语句块中的内容，否则执行statement2语句块中的内容。
var num=0;
if(num == 1){
alert("num = 1");
}else{
alert("num != 1");
}
3.2.3 if...else if语句
if语句是一种使用很灵活的语句，除了可以使用if...else语句的形式，还可以使用if...else if语句的形式。
语法格式如下：
if(expression 1){
statement 1
}else if(expression 2){
statement 2
}
...
else if(expression n){
statement n
}else{
statetment n+1
}
【实例 判断用户是否输入用户名与密码】【HTML代码】
【JS代码】
【运行效果】
3.2.4 if 语句的嵌套
if 语句不但可以单独使用，而且可以嵌套应用，即在if语句的从句部分嵌套另一个完整的if 语句。
3.2.5 switch语句
switch语句是典型的多路分支语句，作用与嵌套使用if语句基本相同。
但switch语句比if语句更具可读性，而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。
语法如下：
switch(expression){
case judgement 1:
statement 1;
break;
case judgement 2:
statement 2;
break;
...
case judgement n:
statement n;
break;
default:
statement n+1;
break;
}
参数说明：
expression：任意的表达式或变量
judgement： 任意的常数表达式。
当expression的值与某个judgement的值相等时，就执行此case后面的statement语句；
如果expression的值与所有的judgement的值都不想等，则执行default后面的statement语句。
break：用于结束switch语句，从而使JS只执行匹配的分支。
如果没有了break语句，则该switch语句的所有分支都将被执行，switch语句也就失去了意义。
【实例3.2.5 应用switch判断当前是星期几】
【js代码】
【运行效果】
3.3 循环控制语句：while语句、do...while语句、for循环循环语句：在满足条件的情况下，反复执行某一个操作。
循环控制语句主要包括while、do...while和for。
3.3.1 while语句
while循环语句也称为前测试循环语句。
利用一个条件，来控制是否要继续重复执行这个语句。
语法如下：
while(expression){
statement
}
expression：一个包含比较运算符的条件表达式，用来指定循环条件。
statement：用来指定循环体，在循环条件的结果为true时，重复执行。
说明： while循环语句之所以命名为前测试循环，是因为它要先判断循环的条件是否城里，然后再进行重复执行的操作。
while语句要先判断条件表达式，如果条件为true，则执行循环体，并且在循环体执行完毕后，进入下一次循环，否则退出循环。
说明： 在使用while语句时，也一定要保证循环可以正常结束，即必须保证条件表达式的值存在为true的情况，否则将形成死循环，例如，下面的循环语句就会造成死循环，原因是i永远都小于100
【例3.3.1 通过循环语句实现在页面中列举出累加和不大于10的所有自然数】
【js代码】
【运行效果】
3.3.2 do...while语句
do...while语句也称为后测试循环语句。
先执行一次循环，再判断是否继续执行。
语法如下：
do{
statement
}while(expression);
statement：用来指定循环体。
先执行一次，然后在循环条件的结果为true时，重复执行。
expression：一个包含比较运算符的条件表达式，用来指定循环条件。
【do...while 循环语句的执行流程如图所示】
注意 do...while语句结尾处的while语句括号后面有一个分号“;”，在书写的过程中一定不能遗漏，否则JavaScript会认为循环语句是一个空语句，后面大括号“{}”中的代码一次也不会执行，并且程序会陷入死循环。
3.3.3 for 循环
for循环语句也称为计次循环语句，一般用于循环次数已知的情况。
语法如下：
for(initialize;test;increment){
statement
}
参数说明：
initialize：初始化语句，用来对循环变量进行初始化赋值。
test：循环条件，一个包含比较运算符的表达式，用来限定循环变量的边限。
如果变量超过了该边限，则停止该循环语句的执行。
increment:用来指定循环变量的步幅。
statement：用来指定循环体，在循环条件的结果为true时，重复执行。
说明：for循环语句执行的过程是：先执行初始化语句，然后判断循环条件，如果循环条件的结果为true，则执行一次循环体，否则直接退出循环，最后执行迭代语句，改变循环变量的值，至此完成一次循环；接下来将进行下一次循环，直到循环条件的结果为false，才结束循环。
【for循环语句的执行流程】
【实例3.3.3 计算10以内所有奇数的和】
【JS代码】
【运行效果】
3.4 跳转语句：continue语句、break语句
3.4.1 continue语句
continue语句和break语句类似，不同在于，continue语句用于中止本次循环，并开始下一次循环。
语法格式如下：
continue;
注意：continue语句只能应用在while、for、do...while和switch语句中。
【实例3.4.1 for语句中通过continue语句计算金额大于等于1000的数据的和】
【js代码】
【运行效果】
3.4.2 break语句
break语句用于退出包含在最内层的循环，或者退出一个switch语句。
break语句的语法格式如下：
break;
说明：break语句通常用在for、while、do...while或switch语句中。
【实例3.4.2 在for语句中通过break语句中断循环】
【js代码】
【运行效果】
【实例3.4.22 在页面中显示距离2015年国庆节的天数】【js代码】
【运行效果】
3.5 小结
【本章主要讲解了JavaScript中流程控制语句】
3.6 实践与练习
1. 定义两个数值型变量，分别为变量a=100，b=200，然后使用if语句判断如果a小于b，就弹出true的对话框。
2. 使用for循环语句循环输出10以内的数。
【练习1】
【练习2】。
