詳解JS中continue關鍵字和break關鍵字的區別

Posted on by

1.框架

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script>
            
        </script>
    </body>
</html>

2.簡單介紹

1.在javascript中continue的作用是退出當前次循環，如果本次循環不是最後一次，或者循環還沒結束那麼繼續執行下一次循環，直到循環結束。

2.在javascript中break的作用則是一旦當前循環有break那麼直接退出整個循環，不管循環結束沒結束，亦或是是不是最後一次，直接結束循環。

3.代碼演示

1.先演示continue，這裡用例子1到100之間，求拋去整10的數的和

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue 	退出當前循環次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				
 
			}
			
 
		
		</script>
	</body>
</html>

這裡的話我們定義一個sum變量名，用來接收和，並且使用for循環來寫

2.添加判斷條件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue  關鍵字練習	退出當前循環次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				if(i%10==0){
					
				}else{
					
				}
 
			}
			
		</script>
	</body>
</html>

這裡利用if語句判斷當i取餘10為0時，則退出當前循環，不為0則累加，這樣就達到瞭我們想要的效果

3.添加continue

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// continue  關鍵字練習	退出當前循環次，
			var sum = 0;
			for(var i=1;i<=100;i++){
				if(i%10==0){
					continue
				}else{
					sum+=i
				}
 
			}
			alert(sum);
 
		</script>
	</body>
</html>

這樣 我們就得到瞭1到100之間拋去整10其他所有數的和瞭

4.演示break

1.這裡用例子，用戶輸入一個數字，計算1到用戶輸入的數的和以及平均數

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
 
 
			// break  退出整個循環
		
			var saw = prompt('請輸入你想在何時停止')
			for (var i = 1; i <= 100; i++) {
				
			}
			sum = sex / i
		
		</script>
	</body>
</html>

同樣這裡我們會用到for循環

2.添加判斷條件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	
 
			// break  退出整個循環
			var sex = 0;
			var sum = 0;
			var saw = prompt('請輸入你想在何時停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
				
				} else {
				
				}
			}
		
		</script>
	</body>
</html>

這裡的話我們定義兩個變量分別用來計算和，以及平均數 

3.添加break

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			
			// break  退出整個循環
			var sex = 0;
			var sum = 0;
			var saw = prompt('請輸入你想在何時停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
					break
				} else {
					sex += i
				}
			}
			sum = sex / i
		
		</script>
	</body>
</html>

這裡當i取餘用戶輸入的數字正好為0時，那麼就推出循環，最後sum計算出平均數

4.輸出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	
 
			// break  退出整個循環
			var sex = 0;
			var sum = 0;
			var saw = prompt('請輸入你想在何時停止')
			for (var i = 1; i <= 100; i++) {
				if (i % saw == 0) {
					break
				} else {
					sex += i
				}
			}
			sum = sex / i
			alert( '和是'+ sex  +'\n'+'平均數是'+ sum);
		</script>
	</body>
</html>

到此這篇關於詳解JS中continue關鍵字和break關鍵字的區別的文章就介紹到這瞭,更多相關JS continue break區別內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：