第六周学习周记——JavaScript学习

最新推荐文章于 2022-08-21 22:04:11 发布

啦啦啦啦落

最新推荐文章于 2022-08-21 22:04:11 发布

阅读量334

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_54826115/article/details/115605807

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中的switch语句用法，包括如何执行多个条件动作，以及连续case的情况。同时，文章讲解了JavaScript的数据类型转换，如如何查看变量类型，如何将不同数据类型转换为字符串或数字，以及JavaScript自动转换数据类型的行为。最后，简要提到了for循环语句的基本语法和应用示例。

摘要由CSDN通过智能技术生成

JavaScript学习

1.switch语句

switch 语句用来执行多个不同条件的动作。

switch语句的语法：
switch(n)
{
case 1:
需要执行的代码块 1
break;
case 2:
需要执行的代码块 2
break;
……
case i:
需要执行的代码块 i
break;
default:
当 n都不是1 和 2时执行的代码
}
当switch语句中含有这样的语句时：
case 2:
case 3：
需要执行的代码块x
break;
当n为2或3时，都会执行需要执行的代码块x。

例：

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>请从1~13选择一个数字输入：</p>
		<input id="a1">
		<button type="button" onclick="myFunction()">输入完成</button>
		<script>
			function myFunction(){
				var x;
				x = document.getElementById("a1").value;
				x=parseInt(x)
				 switch(x){
				 					case 3:alert("恭喜您中了一等奖");
				 					break;
									case 5:
				 					case 9:alert("恭喜您中了二等奖");
				 					break;
				 					default:alert("谢谢您的参与");
				 					 }
			}
		</script>
	</body>
</html>

执行上述代码时，当输入的数字为3时，网页会弹出"恭喜您中了一等奖"的消息；当输入的数字为5和9时，网页会弹出"恭喜您中了二等奖"的消息；当输入的数据都不为3,5和9时，网页弹出的消息为"谢谢您的参与"。

2.JavaScript数据类型转换

我们可以通过typeof 去查看变量是什么数据类型。

当数据是数组(Array)，日期(Date)或null时，使用typeof返回的数据类型是 object，而未定义的变量的数据类型是 undefined。

我们可以使用String()或 toString() 将数字等转换为字符串，如String(x)或x.toString等，这种方法不止是用于数字，还可以是变量，字母和表达式，它甚至还可以将布尔值转换为字符串。

当我们需要把日期转换为字符串时，我们可以使Date()，或者也可以使用String()或 toString()，如 String(new Date())就可以返回时间的字符串。

我们使用Number() 可以把时间，布尔值和字符串转等换成数字，getTime() 也可以把时间转换为字符串，

使用parseFloat()就可以返回得到一个浮点数，使用parseInt()就可以返回得到一个整数。

一元运算符 +可以把变量转换成一个数字，但是当变量不是数字类型不能转换时，它仍然会是一个数字，但值为 NaN 。

JavaScript还会自动转换数据类型。

当代码中存在一个 “错误” 的数据类型时，JavaScript会自动地将其转换成一个 “正确” 的数据类型，如代码为1+null时，JavaScript自动地将null转换为0，得出结果1.

当代码输出一个对象或一个变量时， JavaScript 会自动将其转换成字符串。

3.for循环语句
for循环语句的语法：
for (语句 1; 语句 2;……；语句n； )
{
需要执行的代码块
}
例：

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title></title>
 </head>
 <body> 
 <button type="button" onclick="myFunction()">我的心情可能是</button>
 <script>
function myFunction(){
	mood=["happy","delight","clam","upset","angry"];
    for (var i=0,l=mood.length; i<l; i++){
		document.write(mood[i] + "<br>");
  }	
}
 </script>
 
 </body>
 </html>