第七周学习周记——JavaScript学习

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

啦啦啦啦落

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

阅读量284

点赞数

分类专栏：笔记

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

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

JavaScript学习…

1.for循环语句
for…in循环

我们可以使用for…in 语句去循环遍历对象的属性。

for…in语句的语法：

for (variable in object)
{
需要执行的代码块
}

每个属性都将执行一次需要执行的代码块。

2.while循环语句
只要当指定条件是真时，while循环语句会一直循环执行需要执行的代码块。

while循环的语法：

while (条件)
{
需要执行的代码块
}

例：

<!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"];
	var l=mood.length, i=0;
    while (i<l){
		document.write(mood[i] + "<br>");
		i++;	
  }	
}
 </script>
 
 </body>

3.do…while语句
do…while语句是while循环语句的变体。与while语句不同的是，无论怎么样，do…while语句都会先执行一遍循环语句。在执行第一次循环后，do…while语句才会对条件进行判断，如果条件为真，那么语句将继续执行循环。如果条件为假，那么将退出循环。

do…while语句语法

do
{
需要执行的代码
}
while (条件);

例：

<!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"];
	var l=mood.length, i=0;
    do{
		document.write(mood[i] + "<br>");
		i++;	
  }	
     while (i<l)
}
 </script>
 
 </body>

4.break语句
我们可以使用break语句跳出循环。当跳出循环后，会自动去执行循环后面的语句，而不是继续执行该循环中的下一个迭代。

例：

<!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++){
		if(i==2){
			break;
		}
		document.write(mood[i] + "<br>");
  }	
}
 </script>
 
 </body>
 </html>

执行结果是：

运行结果只显示出了i==2以前的执行结果，在i==2时跳出了循环。

5.continue语句
continue语句也可以用来跳出循环。但与break语句不同的是，continue语句跳出的是循环中的某一个迭代，跳出后continue语句会将继续执行该循环中的下一个迭代。

例：

<!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++){
		if(i==2){
			continue;
		}
		document.write(mood[i] + "<br>");
  }	
}
 </script>
 
 </body>
 </html>