2021-11-24

五、多重循環

在二重循環中，外層循環變量變化一次，內層循環變量變化整個

代碼：

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環</title>

</head>

<body>

? ? <script>

? ? ? ? // 什么是二重循環？循環里面嵌套循環

? ? ? ? // 在二重循環中，外層循環變量變化一次，內層循環變量變化整個

? ? ? ? for(let i=1;i<=3;i++){

? ? ? ? ? ? console.log('i='+i);

? ? ? ? ? ? //i為1時，j從1變化到3

? ? ? ? ? ? //i為2時，j從1變化到3

? ? ? ? ? ? //i為3時，j從1變化到3

? ? ? ? ? ? for(let j=1;j<=3;j++){

? ? ? ? ? ? ? ? console.log('j='+j);

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? console.log('------------------------------------------');

? ? ? ? // 有三個班級，每個班級有3名學員，輸入每個班級每個學員的考試成績，并計算出每個班級的平均分

? ? ? ? //第一層循環，循環所有的班級

? ? ? ? for(let i=1;i<=3;i++){

? ? ? ? ? ? let sum = 0? //定義每個班級的總分

? ? ? ? ? ? alert(`請輸入第${i}個班級的學生成績`)

? ? ? ? ? ? //第二層循環，循環每個班級的所有學生

? ? ? ? ? ? for(let j=1;j<=3;j++){

? ? ? ? ? ? ? ? //將每一名學員的成績，累加給班級總分

? ? ? ? ? ? ? ? sum += parseInt(prompt(`請輸入第${i}個班級的第${j}名學員成績：`))

? ? ? ? ? ? }

? ? ? ? ? ? //計算每個班級的平均分

? ? ? ? ? ? let avg = sum / 3

? ? ? ? ? ? alert(`第${i}個班級的平均分是${avg}`)

? ? ? ? }

? ? </script>

</body>

</html>

彈窗顯示為（僅顯示第一個班級）：

練習題

1.有三個班級，每個班級有四名學生，輸入所有學生的成績，并計算出每個班級的平均分

代碼：

<!DOCTYPE html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習1</title>

</head>

<body>

? ? <script>

? ? ? ? // 有三個班級，每個班級有四名學生，輸入所有學生的成績，并計算出每個班級的平均分

? ? ? ? // 并統計出每個班級里面的最高分和最低分

? ? ? ? //第一層循環，循環所有的班級

? ? ? ? for (let i = 1; i <= 3; i++) {

? ? ? ? ? ? let sum = 0? //定義每個班級的總分

? ? ? ? ? ? let max = 0? //定義每個班級的最高分

? ? ? ? ? ? let min = 100? //定義每個班級的最低分

? ? ? ? ? ? alert(`請輸入第${i}個班級的學生成績`)

? ? ? ? ? ? //第二層循環，循環每個班級的所有學生

? ? ? ? ? ? for (let j = 1; j <= 4; j++) {

? ? ? ? ? ? ? ? //將每一名學員的成績，累加給班級總分

? ? ? ? ? ? ? ? let score = parseInt(prompt(`請輸入第${i}個班級的第${j}名學員成績：`))

? ? ? ? ? ? ? ? // 判斷該學員的成績是否是最高分

? ? ? ? ? ? ? ? if(max<score){

? ? ? ? ? ? ? ? ? ? max = score? //重新獲取最高分

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? // 判斷該學員的成績是否是最低分

? ? ? ? ? ? ? ? if(min>score){

? ? ? ? ? ? ? ? ? ? min = score? //重新獲取最低分

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? sum += score

? ? ? ? ? ? }

? ? ? ? ? ? // //計算每個班級的平均分

? ? ? ? ? ? let avg = sum / 4

? ? ? ? ? ? alert(`第${i}個班級的平均分是${avg}，班級最高分是${max}，最低分是${min}`)

? ? ? ? }

? ? </script>

</body>

</html>

彈窗顯示為（僅顯示第一個班級）：

2.（1）打印直角三角形

? （2）打印倒直角三角形

? （3）打印等腰三角形

? （4）打印倒等腰三角形

代碼：

<!DOCTYPE html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習2</title>

</head>

<body>

? ? <script>

? ? ? ? // 打印直角三角形

? ? ? ? /*

? ? ? ? ? ? #

? ? ? ? ? ? ##

? ? ? ? ? ? ###

? ? ? ? ? ? ####

? ? ? ? ? ? #####

? ? ? ? */

? ? ? ? console.log('----------------直角(1 2 3 4 5)------------------');

? ? ? ? // 外層循環控制行數? ?

? ? ? ? for (let i = 1; i <= 5; i++) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 內層循環控制每行的列數(每行的列數===行號)

? ? ? ? ? ? for (let j = 1; j <=i; j++) {

? ? ? ? ? ? ? ? str += '#'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? ? ? console.log('----------------直角(1 3 5 7 9)------------------');

? ? ? ? /*

? ? ? ? ? ? #

? ? ? ? ? ? ###

? ? ? ? ? ? #####

? ? ? ? ? ? #######

? ? ? ? ? ? #########

? ? ? ? */

? ? ? ? // 外層循環控制行數? ?

? ? ? ? for (let i = 1; i <= 5; i++) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 內層循環控制每行的列數(每行的列數===行號*2-1)

? ? ? ? ? ? for (let j = 1; j <=i*2-1; j++) {

? ? ? ? ? ? ? ? str += '#'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? ? ? console.log('----------------倒直角(5 4 3 2 1)------------------');

? ? ? ? /*

? ? ? ? ? ? #####

? ? ? ? ? ? ####

? ? ? ? ? ? ###

? ? ? ? ? ? ##

? ? ? ? ? ? #

? ? ? ? */

? ? ? ? // 外層循環控制行數? ?

? ? ? ? for (i=1;i<=5;i++) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 內層循環控制每行的列數

? ? ? ? ? ? for (let j = 6-i; j > 0; j--) {

? ? ? ? ? ? ? ? str += '#'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? ? ? console.log('-----------------等腰-----------------');

? ? ? ? /*

? ? ? ? ? ? @@@@

? ? ? ? ? ? @@@

? ? ? ? ? ? @@

? ? ? ? ? ? @

? ? ? ? ? ? #

? ? ? ? ? ? ###

? ? ? ? ? ? #####

? ? ? ? ? ? #######

? ? ? ? ? ? #########

? ? ? ? ? ? @@@@#

? ? ? ? ? ? @@@###

? ? ? ? ? ? @@#####

? ? ? ? ? ? @#######

? ? ? ? ? ? #########

? ? ? ? */

? ? ? ? // 外層循環控制行數? ?

? ? ? ? for (let i = 1; i <= 5; i++) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 內層第一個for，用于補充空格

? ? ? ? ? ? for (let j = 5-i; j > 0; j--) {

? ? ? ? ? ? ? ? str += ' '

? ? ? ? ? ? }

? ? ? ? ? ? // 內層第二個for，用于打印字符

? ? ? ? ? ? for (let j = 1; j <=i*2-1; j++) {

? ? ? ? ? ? ? ? str += '#'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? ? ? console.log('-----------------倒等腰-----------------');

? ? ? ? /*

? ? ? ? ? ? #########

? ? ? ? ? ? @#######

? ? ? ? ? ? @@#####

? ? ? ? ? ? @@@###

? ? ? ? ? ? @@@@#

? ? ? ? */

? ? ? ? // 外層循環控制行數? ?

? ? ? ? for (let i = 5; i >=1; i--) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 內層第一個for，用于補充空格

? ? ? ? ? ? for (let j = 5-i; j > 0; j--) {

? ? ? ? ? ? ? ? str += ' '

? ? ? ? ? ? }

? ? ? ? ? ? // 內層第二個for，用于打印字符

? ? ? ? ? ? for (let j = 1; j <=i*2-1; j++) {

? ? ? ? ? ? ? ? str += '#'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? </script>

</body>

</html>

控制臺顯示：

3.打印空心的等腰三角形

代碼：

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習3</title>

</head>

<body>

? ? <script>

? ? ? ? // 打印空心的等腰三角形

? ? ? ? /*

? ? ? ? ? ? @@@@#

? ? ? ? ? ? @@@# #

? ? ? ? ? ? @@#? #

? ? ? ? ? ? @#? ? #

? ? ? ? ? ? #########

? ? ? ? */

? ? ? ? // 外層循環，用于循環行數? ?

? ? ? ? for (let i = 1; i <= 5; i++) {

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 該循環，用于控制每行前面的空格

? ? ? ? ? ? for (let j = 5 - i; j >= 1; j--) {

? ? ? ? ? ? ? ? str += " "

? ? ? ? ? ? }

? ? ? ? ? ? // 內層循環，控制每行的列數

? ? ? ? ? ? for (let j = 1; j <= i * 2 - 1; j++) {

? ? ? ? ? ? ? ? //每行第一列和最后一列打印#號，其他地方打印空格

? ? ? ? ? ? ? ? //或是第五行，打印全部#號

? ? ? ? ? ? ? ? if (j === 1 || j === i * 2 - 1 || i === 5) {

? ? ? ? ? ? ? ? ? ? str += "#"

? ? ? ? ? ? ? ? } else {

? ? ? ? ? ? ? ? ? ? str += " "

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? </script>

</body>

</html>

控制臺顯示：

4.打印99乘法表

代碼：

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習4</title>

</head>

<body>

? ? <script>

? ? ? ? // 打印99乘法表

? ? ? ? /*

? ? ? ? ? ? 1*1=1

? ? ? ? ? ? 1*2=2 2*2=4

? ? ? ? ? ? 1*3=3 2*3=6 3*3=9

? ? ? ? ? ? ......

? ? ? ? */

? ? ? ? // 整體的形狀是：直角三角形? ?

? ? ? ? for(let i=1;i<=9;i++){

? ? ? ? ? ? let str = ""

? ? ? ? ? ? for(let j=1;j<=i;j++){

? ? ? ? ? ? ? ? str+=j+"X"+i+'='+(j*i)+'\t'

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? </script>

</body>

</html>

控制臺顯示：

5.數字等腰三角形

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習5</title>

</head>

<body>

? ? <script>

? ? ? ? // 數字等腰三角形

? ? ? ? /*

? ? ? ? ? ? ? ? 1

? ? ? ? ? ? ? 121

? ? ? ? ? ? ? 12321

? ? ? ? ? ? 1234321

? ? ? ? ? ? 123454321

? ? ? ? ? ? 第一部分：

? ? ? ? ? ? @@@@

? ? ? ? ? ? @@@

? ? ? ? ? ? @@

? ? ? ? ? ? @

? ? ? ? ? ? 第二部分：

? ? ? ? ? ? 1

? ? ? ? ? ? 12

? ? ? ? ? ? 123

? ? ? ? ? ? 1234

? ? ? ? ? ? 12345

? ? ? ? ? ? 第三部分

? ? ? ? ? ? 1

? ? ? ? ? ? 21

? ? ? ? ? ? 321

? ? ? ? ? ? 4321

? ? ? ? */

? ? ? ? //外層循環，控制行數

? ? ? ? for (let i = 1; i <= 5; i++) {

? ? ? ? ? ? // 內層循環控制每行打印內容

? ? ? ? ? ? let str = ""

? ? ? ? ? ? // 1.打印左邊的空格

? ? ? ? ? ? for(let j=1;j<=5-i;j++){

? ? ? ? ? ? ? ? str += "@"? ? ? ? ? ? ? ?

? ? ? ? ? ? }

? ? ? ? ? ? // 2.打印三角形的左側

? ? ? ? ? ? for(let j=1;j<=i;j++){

? ? ? ? ? ? ? ? str+=j

? ? ? ? ? ? }

? ? ? ? ? ? // 3.打印三角形的右側

? ? ? ? ? ? for(let j=i-1;j>=1;j--){

? ? ? ? ? ? ? ? str+=j

? ? ? ? ? ? }

? ? ? ? ? ? console.log(str);

? ? ? ? }

? ? </script>

</body>

</html>

控制臺顯示：

6.找出100以內所有的質數

代碼：

<!DOCTYPE html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>二重循環練習6</title>

</head>

<body>

? ? <script>

? ? ? ? // 找出100以內所有的質數

? ? ? ? // 什么是質數？只能被1 和自身整除的數是質數

? ? ? ? // 第一層循環確定查找的范圍

? ? ? ? for(let i=2;i<=100;i++){

? ? ? ? ? // 定義一個count，用于記錄被整除的次數

? ? ? ? ? let count = 0

? ? ? ? ? ? // 第二層循環，確定每次比較的范圍

? ? ? ? ? ? for(let j=1;j<=i;j++){

? ? ? ? ? ? ? ? // 假設i是25，j從1到25

? ? ? ? ? ? ? ? if(i%j===0){

? ? ? ? ? ? ? ? ? ? count++

? ? ? ? ? ? ? ? }

? ? ? ? ? ? }

? ? ? ? ? ? //如果，只有兩個數能被i整除，那么i就是質數

? ? ? ? ? ? if(count===2){

? ? ? ? ? ? ? ? console.log(i);

? ? ? ? ? ? }

? ? ? ? }

? ? </script>

</body>

</html>

控制臺顯示：

在內層循環中，使用continue,break，只是作用于內層循環

代碼：

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="UTF-8">

? ? <meta http-equiv="X-UA-Compatible" content="IE=edge">

? ? <meta name="viewport" content="width=device-width, initial-scale=1.0">

? ? <title>在內層循環中，使用continue,break</title>

</head>

<body>

? ? <script>

? ? ? ? /*

? ? ? ? ? ? 有5家店，每家店最多可以買3件衣服，進入一家店后，提示是否離開本店，

? ? ? ? ? ? 輸入y表示離開(會進入下一家店)，輸入n表示買一件衣服，最后輸出用戶一共買了多少件衣服。

? ? ? ? */

? ? ? ? let count = 0? //定義count，保存購買衣服的總數量

? ? ? ? //外層循環，控制有多少家店

? ? ? ? for(let i=1;i<=5;i++){

? ? ? ? ? ? alert('歡迎光臨第'+i+'家店')

? ? ? ? ? ? //內層循環，控制每家店，可以買多少件衣服

? ? ? ? ? ? for(let j=1;j<=3;j++){

? ? ? ? ? ? ? ? let isLeave = prompt('是否離開(y/n):')

? ? ? ? ? ? ? ? if(isLeave==='n'){

? ? ? ? ? ? ? ? ? ? alert('成功購買了一件衣服')

? ? ? ? ? ? ? ? ? ? count++

? ? ? ? ? ? ? ? ? ? // 內層循環里面的continue，只是對內層循環起作用

? ? ? ? ? ? ? ? ? ? continue

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? //內層循環里面的break，只是對內層循環起作用

? ? ? ? ? ? ? ? break;?

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? alert('您一共購買了'+count+'件衣服')

? ? </script>

</body>

</html>

彈窗顯示為：

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現的幾起案子，更是在濱河造成了極大的恐慌，老刑警劉巖，帶你破解...
沈念sama閱讀 228,505評論 6贊 533
死咒
序言：濱河連續發生了三起死亡事件，死亡現場離奇詭異，居然都是意外死亡，警方通過查閱死者的電腦和手機，發現死者居然都...
沈念sama閱讀 98,556評論 3贊 418
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
開封第一講書人閱讀 176,463評論 0贊 376
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長。經常有香客問我，道長，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 63,009評論 1贊 312
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己，他們只是感情好，可當我...
茶點故事閱讀 71,778評論 6贊 410
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著，像睡著了一般。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發上，一...
開封第一講書人閱讀 55,218評論 1贊 324
城市分裂傳說
那天，我揣著相機與錄音，去河邊找鬼。笑死，一個胖子當著我的面吹牛，可吹牛的內容都是我干的。我是一名探鬼主播，決...
沈念sama閱讀 43,281評論 3贊 441
雙鴛鴦連環套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 42,436評論 0贊 288
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后，有當地人在樹林里發現了一具尸體，經...
沈念sama閱讀 48,969評論 1贊 335
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 40,795評論 3贊 354
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發現自己被綠了。大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 42,993評論 1贊 369
活死人
序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖，靈堂內的尸體忽然破棺而出，到底是詐尸還是另有隱情，我是刑警寧澤，帶...
沈念sama閱讀 38,537評論 5贊 359
?日本核電站爆炸內幕
正文年R本政府宣布，位于F島的核電站，受9級特大地震影響，放射性物質發生泄漏。R本人自食惡果不足惜，卻給世界環境...
茶點故事閱讀 44,229評論 3贊 347
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧，春花似錦、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 34,659評論 0贊 26
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽。三九已至，卻和暖如春，著一層夾襖步出監牢的瞬間，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 35,917評論 1贊 286
情欲美人皮
我被黑心中介騙來泰國打工，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。一個月前我還...
沈念sama閱讀 51,687評論 3贊 392
代替公主和親
正文我出身青樓，卻偏偏與公主長得像，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
茶點故事閱讀 47,990評論 2贊 374

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

2021-11-24

2021-11-24

五、多重循環

在二重循環中，外層循環變量變化一次，內層循環變量變化整個

代碼：

彈窗顯示為（僅顯示第一個班級）：

練習題

1.有三個班級，每個班級有四名學生，輸入所有學生的成績，并計算出每個班級的平均分

代碼：

彈窗顯示為（僅顯示第一個班級）：

2.（1）打印直角三角形

? （2）打印倒直角三角形

? （3）打印等腰三角形

? （4）打印倒等腰三角形

代碼：

控制臺顯示：

3.打印空心的等腰三角形

代碼：

控制臺顯示：

4.打印99乘法表

代碼：

控制臺顯示：

5.數字等腰三角形

控制臺顯示：

6.找出100以內所有的質數

代碼：

控制臺顯示：

在內層循環中，使用continue,break，只是作用于內層循環

代碼：

彈窗顯示為：

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

2021-11-24

五、多重循環

在二重循環中，外層循環變量變化一次，內層循環變量變化整個

代碼：

彈窗顯示為（僅顯示第一個班級）：

練習題

1.有三個班級，每個班級有四名學生，輸入所有學生的成績，并計算出每個班級的平均分

代碼：

彈窗顯示為（僅顯示第一個班級）：

2.（1）打印直角三角形

? （2）打印倒直角三角形

? （3）打印等腰三角形

? （4）打印倒等腰三角形

代碼：

控制臺顯示：

3.打印空心的等腰三角形

代碼：

控制臺顯示：

4.打印99乘法表

代碼：

控制臺顯示：

5.數字等腰三角形

控制臺顯示：

6.找出100以內所有的質數

代碼：

控制臺顯示：

在內層循環中，使用continue,break，只是作用于內層循環

代碼：

彈窗顯示為：

推薦閱讀更多精彩內容

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频