快捷導(dǎo)航

JavaScript 程序循環(huán)結(jié)構(gòu)詳解

更新時間：2021年12月06日 16:10:59 作者：季布，

這篇文章主要為大家介紹了JavaScript 程序循環(huán)結(jié)構(gòu)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

選擇結(jié)構(gòu)

單分支的if結(jié)構(gòu)

if(條件){
條件滿足后執(zhí)行的代碼
}

如果大括號中只有一條語句，此時可以省略大括號，但是強烈不建議這樣寫

if(條件)
	console.log('點點點')

二分支if結(jié)構(gòu)語句

if (條件){
條件滿足后執(zhí)行的代碼
}
else{
條件不滿足后執(zhí)行的代碼
}

多分支if結(jié)構(gòu)語句

if(條件1){
代碼1
}
else if(條件2){
代碼2
}
......
else{
以上條件都不滿足執(zhí)行的代碼
}

switch結(jié)構(gòu)

var today=1
switch(today){
	case 1:
		console.log('工作日')
		break
	case 2:
		console.log('工作日')
		break
	case 3:
	case 4:
	case 5:
		console.log('工作日')
		break
	default
		console.log('休息日')
		break

switch和if得區(qū)別

switch 只能進行等值得判斷if
沒有限制適合某個連續(xù)區(qū)間得判斷

循環(huán)結(jié)構(gòu)

重復(fù)性的執(zhí)行某個操作就是循環(huán)

while

//循環(huán)10次
var i=1
while(i<=10){
console.log('111111')
i++
}
//案例：計算100以內(nèi)整數(shù)之和
var i=1
var sum = 0
while(i<=100){
 sum+=i
 i++
}

案例
 在頁面輸出[1,200]之間所有能被7整除，但不能被4整除的所有整數(shù)，并統(tǒng)計個數(shù)，同時要求輸出每行顯示5個
var i=1
var count = 0
while(i<=200){
	if(i%7==0 && i%4!=0){
		document.write(i+"&nbsp;&nbsp;&nbsp;&nbsp;")
		count++;//統(tǒng)計個數(shù)
		// 判斷每輸出5個換一行
		if(count%5==0){
		document..write('<br>');
		}
	}
	i++;
	document.write('<br>共計: '+count+'個')

do … while

先執(zhí)行代碼，再判斷條件

var i=1;
        do{
            console.log('好好學(xué)習,天天向上!')
            i++;
        }while(i<=10)
  #案例
  #計算1-50之間得倍數(shù)
      <script type="text/javascript">
        var i=1;
        var sum=0;
        do{
            if(i%6==0){
                sum+=i
            }
            i++;
        }while(i<=50)
        console.log(sum)
    </script>
#案例
# 循環(huán)提示用戶輸入5個數(shù)，按q結(jié)束,然后輸出其中最大值和最小值
#先提示用戶輸入一次，然后將該數(shù)字作為最大值和最小值
var num=Number(prompt('請輸入一個征屬(按q結(jié)束):'))
 var max=num;
var min=num;
var flag=true //標識是否繼續(xù)循環(huán)
var i = 1;
do{
var num=Number(promot('請輸入一個整數(shù)!'))
#判斷用戶是否輸入q
if(num=='q'){
flag=false  //如果輸入q則將flag改為false，表示停止循環(huán)
}else{
num=Number(num)
if(num>max){
	max=num;
}
if (num<min){
min=num
}
}while(flag)
console.log(max)
console.log(min）

for 循環(huán)

語法

for(初始化:條件:迭代){
代碼塊
}

循環(huán)開始時先執(zhí)行初始化部分，而且初始化部分只執(zhí)行一次

初始化執(zhí)行完之后就去判斷條件是否成立，如果成立則執(zhí)行代碼塊，然后執(zhí)行迭代部分

for … in …

對集合數(shù)據(jù)進行遍歷

循環(huán)遍歷是遍歷到的數(shù)據(jù)在集合中的索引順序(從0開始)，而非數(shù)據(jù)本身

<script type="text/javascript">
        var str = 'abc'
        for(var index in str){
            console.log(index,str[index])
        }
    </script>

在這里插入圖片描述

for …of…

對集合數(shù)據(jù)進行迭代遍歷

這是直接拿到值

<script type="text/javascript">
        var str = 'abc'
        for(var index of str){
            console.log(index)
        }
    </script>

在這里插入圖片描述

小結(jié)

循環(huán)次數(shù)確定時一般使用for
循環(huán)次數(shù)不確定時一般使用while和do…while
對集合進行遍歷時使用 for…in和for…of

終止循環(huán)

break

break跳出整個循環(huán)，終止循環(huán)的執(zhí)行

案例

//當1-20之間整數(shù)相加，當累加值大于66時停止相加，輸出當前整數(shù)和累加值
var sum=0
for(var i=1;i<=20;i++){
	sum+=1
	if(sum>66){
	break
}
}

continue

跳出本次循環(huán),執(zhí)行下一次循環(huán)，本次循環(huán)尚未執(zhí)行完

//計算1-10之間所有偶數(shù)和
var sum=0;
for(var i=1;i<=10;i++){
	if(i%2!=0){
	continue
	}
	sum+=i
}

二層循環(huán)

一個循環(huán)嵌套著另一個循環(huán)，成為二重循環(huán)，各種循環(huán)可以相互嵌套

外層循環(huán)變量變化一次，內(nèi)層循環(huán)執(zhí)行一邊

//案例
//某次程序大賽，共有三個班級參加，每個班級4名學(xué)生，輸入各班級每個學(xué)生成績，然后計算各班級平均分
for(var i=1;i<=3;i++){
	alert('請輸入第'+i+'個班級學(xué)生信息---')
	//內(nèi)層循環(huán)控制班級學(xué)生數(shù)量
	var sum=0
	for(var j=1;j<=4;j++){
	var score=Number(prompt('請輸入第'+j+'個學(xué)生成績:'))
	sum+=score;
}
	console.log('第'+i+'個班級平均分為:'+sum/4)
}

  <script type="text/javascript">
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write(j+'*'+i+'='+i*j+'&nbsp;&nbsp')
            }
            document.write('<br>')
        }
    </script>

在這里插入圖片描述