1.for回圈結構
1.for回圈語法
for( 陳述句1;陳述句2;陳述句3 ){
回圈體：需要反復執行的代碼;
}-
2.執行步驟：
-
1.執行陳述句1（定義一個回圈變數）
-
2.執行陳述句2，判斷陳述句2條件是否成立（條件運算式）
-
2.1 如果條件成立，則執行回圈體代碼
-
執行陳述句3（回圈變數自增），重復步驟2
-
-
2.2 如果不成立，結束回圈，執行大括號后面的代碼
-
-
-
-
3.for回圈好處及注意點
-
好處：回圈變數的宣告與回圈變數自增在一個小括號中，可以更好的避免死回圈
-
注意點：陳述句1，陳述句2，陳述句3可以是任意代碼
-
陳述句1：通常是定義回圈變數
-
陳述句2：條件運算式
-
陳述句3：通常都是回圈變數自增/自減（視需求而定）
-
執行步驟
1.執行代碼1（宣告回圈變數）
2.判斷代碼2 （回圈條件）
2.1 成立，執行回圈體代碼，
執行完畢之后會執行代碼3（回圈變數自增），重復步驟2
2.2 不成立，結束回圈，執行大括號后面的代碼
*/
//需求：列印三次 你好呀
for(let i = 1;i <= 3;i++){
console.log('你好呀');
};
2.break與continue關鍵字
-
1.break：結束整個陳述句
-
break既可以用于回圈結構也可以用于switch分支結構
-
-
2.continue：結束本次回圈體，進入下一次回圈判斷
-
continue只能用于回圈結構陳述句
-
3.回圈次數不固定(窮舉)
窮舉：從1遍歷到無窮大，找出符合條件的數
<script>
//需求：有一群人，如果3個人站一排多出1個人，如果4個人站一排多出2個人，如果5個人站一排多出3個人
//請問這群人有多少人
for(let i = 1;i < Infinity;i++){//從1回圈到無窮大，也是一種死回圈
if(i % 3 == 1 && i % 4 ==2 && i % 5 == 3){
console.log ( "人數為" + i );
break;//找到答案，結束回圈
}
}
</script>4.陣列遍歷
-
1.陣列的遍歷：獲取陣列中每一個元素的值，稱之為遍歷該陣列
-
如果想要獲取陣列中每一個元素的值，則需要通過回圈語法來獲取
-
-
2.一般使用for回圈來遍歷陣列，只不過陣列的遍歷是一種固定格式的for回圈
-
3.固定回圈陳述句格式:
for(let i = 0; i < arr.length; i++) {// 陣列遍歷的固定結構}
let arr = [10,20,30,40,50];
for(let i = 0;i<arr.length;i++){
let element = arr[i]; //獲取陣列的每一個元素
console.log ( element );
}上一章：JavaScript入門第九章（陣列）
下一章：JavaScript入門第十一章（練習--動態生成柱狀圖）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/291887.html
標籤：其他
上一篇：Nuxt學習總結