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

2022-08-02 18:06:32

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區別內容請搜尋it145.com以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援it145.com！

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

目錄

1.框架

2.簡單介紹

3.程式碼演示

4.演示break

熱門文章