`
兰色星座
  • 浏览: 10222 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

JS基础语法(switch语句)

阅读更多
switch语句:多分支语句
1.switch语句是用来选择要执行的多个代码块之一(类似if...else if...else if... (n个)...else),见6举例

2.语法:
   
switch(表达式n)
		{
			case 值1:语句体1;break;
			case 值2:语句体2;break;
			case 值3:语句体3;break;
			...
			default:语句体n;
		}

3.说明:
  • switch、case必不可少
  • break、default为可选项
4.表达式n:
  • 通常为一个变量(建议为number或者string类型)
  • 表达式类型应该与case后面的值的类型相同,因为在匹配比较时,switch使用的是“===”(全等于)判断类型,例子如下:
  • <script>
    		// 比较a、b都输入数字1后的结果
    		var a=prompt("key the number of 1 or 2");//a为string型
    		var b=prompt("key the number of 1 or 2")*1;//“*1”后输入的数b转变为number类型
    			switch(a)
    			{
    				case 1:x="长城";break;
    				//case后的值是个数值number类型,而a为string型
    				//达不到全等于“===”条件,所以不匹配长城,而选择了跳转到default后面的语句
    				case 2:x="故宫";break;
    				default:x="颐和园";
    			}
    			console.debug("x:"+x)//控制台结果:x:颐和园
    			switch(b)
    			{
    				case 1:y="长城";break;
    				// 因b已转化为number类型,与case 1 匹配,执行了“长城”这条语句体
    				case 2:y="故宫";break;
    				default:y="颐和园";
    			}
    			console.debug("y:"+y)//控制台结果:y:长城
    	</script>
    
    控制台输出结果:

    5.执行过程:
    • 计算表达式n结果,将表达式的值依次与case后面的值做比较,如果匹配,则执行该case后面的语句体;如果该语句体后面有break则执行完该语句体后跳出switch,如无break则无需判断直接进入下一个case分支或default语句,见下面举例
    • 如果所有case后面的值都与表达式n值不匹配,则执行default后面的语句体,如果没有default,则该switch语句什么都没做就结束
    6.举例
    <script type="text/javascript">
    		//输入一个月份,输出该月份有多少天,不考虑闰年
    		// 使用if
    		var month=prompt("请输入一个月份")*1;
    		if (month==1 || month==3 || month==5 || month==7
    			|| month==8 || month==10 || month==12){
    			console.debug("if 语句:"+month+"月有31天。");
    		}
    		else if (month==4 || month==6 || month==9 || month==11){
    			console.debug("if 语句:"+month+"月有30天。");
    		}
    		else if (month==2){
    			console.debug("if 语句:"+month+"月有28天。");
    		}
    		else{
    			console.debug("你输入的月份不正确!");
    		}
    
    		// 使用switch
    		switch(month){
    			case 1:
    			case 3:
    			case 5:
    			case 7:
    			case 8:
    			case 10:
    			case 12:
    				console.debug("switch 语句:"+month+"月有31天。");
    				break;
    			// 根据具体题目,利用break,简化书写
    			// 当输入的月份与1符合时,因没有break,仍会跳到后面的case再与后面的值比较,直到12月份输出12月份后面的结果,再通过break跳出switch
    			// 当所有出现31天的情况都走过仍没有时进入下面case 2的比较
    			case 2:
    				console.debug("switch 语句:"+month+"月有28天。");
    				break;
    			case 4:
    			case 6:
    			case 9:
    			case 11:
    				console.debug("switch 语句:"+month+"月有30天。");
    				break;
    			default:
    				console.debug("你输入的月份不正确!");
    		}
    	</script>
    
    输入4之后,控制输出结果:

    • 大小: 3.5 KB
    • 大小: 3.9 KB
    分享到:
    评论

    相关推荐

      JavaScript基础语法全解

      ### JavaScript基础语法全解 ...以上内容概述了《JavaScript基础语法全解》中关于变量和条件语句的基础知识。通过对这些概念的理解,初学者可以更好地掌握JavaScript的核心语法,为进一步学习打下坚实的基础。

      JavaScript基础语法 自学笔记

      在JavaScript基础语法中,以下几个关键概念是学习者必须掌握的: 1. **变量(Variables)**:在JavaScript中,变量用于存储数据。声明变量使用`var`、`let`或`const`关键字。`var`是老式用法,而`let`和`const`是...

      Java 零基础控制语句 - switch 语句.md

      ### Java 零基础控制语句 - switch 语句 #### 概述 在 Java 编程语言中,控制语句对于实现逻辑判断至关重要。其中,`switch` 语句是一种特殊的多分支选择语句,它允许根据不同的条件值执行相应的代码块。相比于...

      js中switch语句的学习笔记.docx

      ### JavaScript中的Switch语句详解 #### 一、引言 在JavaScript编程中,`switch`语句是一种基于不同条件执行不同动作的有效工具。它提供了一种简洁的方式来处理多个条件判断,尤其是在条件判断基于同一个变量的不同...

      头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

      此外,JavaScript还提供了`switch`语句,它提供了一种更简洁的方式来处理多个可能的条件。`switch`语句会尝试匹配一个值与多个可能的`case`,一旦匹配成功,就执行相应的代码块: ```javascript let day = 'Monday'...

      Javascript基础教程之switch语句

      Javascript中的switch语句是JavaScript编程语言中的一个重要组成部分,它允许开发者根据变量的不同值来执行不同的代码块。在实际的程序设计中,经常需要对变量进行多值判断,switch语句提供了一种简洁的方式来处理...

      4.JavaScript基础语法.zip

      本资料包"4.JavaScript基础语法.zip"聚焦于JavaScript的基础语法,通过MP4视频的形式,帮助学习者掌握这门语言的核心概念。 JavaScript语法的基础部分包括变量、数据类型、操作符、流程控制和函数等。 1. 变量:在...

      JavaScript基础语法.zip

      本资料包"JavaScript基础语法.zip"聚焦于JavaScript的基础知识,是学习JavaScript编程的入门资源。 1. 变量与数据类型: JavaScript支持多种数据类型,包括基本类型(Number、String、Boolean、Null、Undefined、...

      用switch语句判断每个月有多少天

      在其他编程语言中,如C#、C++或JavaScript,`switch`语句的语法可能略有不同,但基本思路是一样的。对于C#和C++,你可以在`case`后面直接写数字,而JavaScript则允许你使用字符串作为`switch`条件。 这个小程序不仅...

      html5入门到精通 视频教程

      JavaScript基础语法23_break,continue语句 JavaScript基础语法24_函数 JavaScript基础语法25_函数 JavaScript基础语法26_递归 JavaScript基础语法27_对象创建 JavaScript基础语法28_两种数据类型的内存对比 ...

      JavaScript基础语法笔记

      此“JavaScript基础语法笔记”涵盖了学习JS所必需的关键概念,包括循环结构、对象以及基本语法。 一、for循环 在JavaScript中,`for`循环是一种常用的迭代结构,用于重复执行一段代码直到特定条件满足。基本语法...

      js基础知识点思维导图

      以上是JavaScript基础知识点的部分概述,理解并掌握这些概念是成为合格的JS开发者的基础。通过持续学习和实践,可以深入探索更高级的主题,如AJAX、前端框架(如React、Vue)、Node.js后端开发等。

      3.JavaScript基础语法.zip

      这个名为"3.JavaScript基础语法.zip"的压缩包很可能包含了一堂关于JS基础的视频教程,帮助初学者理解这门语言的核心概念。在深入探讨JavaScript的基础语法之前,我们先来了解一下JavaScript的基本定位和应用范围。 ...

      JavaScript基础语法大全和案例用法

      JavaScript 基础语法大全和案例用法 JavaScript 是一种广泛使用的编程语言,用于创建交互式客户端脚本。JavaScript 的基础语法元素包括变量声明、数据类型、表达式与运算符、控制结构、函数、注释、对象和数组、...

      JavaScript语法基础.rar

      JavaScript是一种广泛应用于网页和网络应用...以上就是"JavaScript语法基础.rar"压缩包中涉及的JavaScript基础知识。理解和掌握这些知识点,将有助于你编写出功能丰富、健壮的JavaScript代码,实现动态网页和网络应用。

      5.JavaScript基础语法.zip

      本资料包"5.JavaScript基础语法.zip"包含的是关于JavaScript的基础语法教程,通过5.JavaScript基础语法.mp4视频文件,你可以系统地学习到JavaScript的核心概念。 JavaScript语法基于ECMAScript规范,它支持变量、...

      JavaScript基础语法,内含ppt,详细源码案例,node软件

      这个压缩包包含的资源可以帮助我们深入理解和学习JavaScript的基础语法。 首先,"第2章 基本语法 教学PPT.ppt"很可能是关于JavaScript语法讲解的幻灯片。这部分内容可能涵盖了变量声明(var、let、const)、数据...

      javaScript107个常用语句

      本文将深入探讨“JavaScript107个常用语句”这一主题,涵盖从基础语法到高级特性的广泛内容。通过学习这些语句,开发者可以更有效地构建交互式的用户界面和动态网页。 首先,我们从基础开始。JavaScript中的变量...

      自学JavaScript基础语法笔记大全.rar

      这份"自学JavaScript基础语法笔记大全"包含了学习JavaScript必备的知识点,旨在帮助初学者全面理解并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据,声明时不需要预定义类型,...

      javascript基础语法和正则表达式

      ### JavaScript基础语法与正则表达式详解 #### 一、JavaScript基础语法 ##### 1. 基本概念与引入方式 JavaScript是一种广泛使用的脚本语言,它可以在客户端执行,通常用于网页交互功能的实现。JavaScript可以嵌入...

    Global site tag (gtag.js) - Google Analytics