JavaScript 是一門強大的程式語言，能夠實現眾多功能。其中最基本的一種迴圈結構就是 for 迴圈。它允許我們根據條件重複執行一段程式碼，非常適用於需要重複操作某個物件集合或遍歷數組等場景。
for 迴圈由以下三個部分組成：迴圈初始化、迴圈條件、迴圈增量。語法結構如下：
for (循环初始化; 循环条件; 循环增量) {
// 循环执行的代码
}我們一起來詳細看一下每個部分的作用：
接下來，我們透過一些範例來學習如何使用 for 迴圈。
我們先看一個極為常見的應用場景：遍歷陣列。程式碼如下：
let numbers = [1, 2, 3, 4, 5];
for (let i = 0; i < numbers.length; i++) {
console.log(numbers[i]);
}以上程式碼定義了一個陣列 numbers，然後使用 for 迴圈來遍歷陣列中的每個元素。循環條件 i < numbers.length 確定了循環要執行的條件，而遞增操作 i 保證了每次循環都會自增。在循環體中，我們使用 console.log 函數來列印每個元素的值。
接下來，我們嘗試使用 for 迴圈來建立一個乘法表。程式碼如下：
for (let i = 1; i <= 9; i++) {
for (let j = 1; j <= i; j++) {
document.write(`${j}x${i}=${i*j} `);
}
document.write('<br>');
}程式碼中嵌套了兩個 for 迴圈。外層循環變數 i 代表乘法表中的行數，內層循環變數 j 代表每一行中的列數。在每次內層循環結束後，我們會換行，以避免在同一行輸出多個乘積。
以上程式碼實作了一個簡單的乘法表，是初學者們很好的練習題目。
接下來，我們來看一個稍微複雜一點的範例：使用巢狀的for 迴圈來對二維陣列進行求和。程式碼如下：
let arrays = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
let sum = 0;
for (let i = 0; i < arrays.length; i++) {
for (let j = 0; j < arrays[i].length; j++) {
sum += arrays[i][j];
}
}
console.log(sum);以上程式碼定義了一個二維數組 arrays，然後透過巢狀的 for 迴圈來對數組中的每個元素進行求和。外層循環變數 i 代表陣列中的每一行，內層循環變數 j 代表每一行中的列數。求和操作 sum = arrays[i][j] 累積了陣列中的每個元素。最後，我們印出求和結果 console.log(sum)。
最後，我們來看一個有趣的範例：使用 for 迴圈來模擬遊戲中的 AI 行為。程式碼如下：
let enemyHealth = 100;
let playerAttack = [10, 15, 20, 25, 30];
for (let i = 0; i < playerAttack.length; i++) {
let damage = Math.floor(Math.random() * playerAttack[i]);
enemyHealth -= damage;
if (damage > 0) {
console.log(`玩家使用技能${i+1}，对敌人造成了${damage}点伤害！敌人还剩余${enemyHealth}点生命值。`);
} else {
console.log(`玩家技能${i+1}未能命中敌人！敌人还剩余${enemyHealth}点生命值。`);
}
if (enemyHealth <= 0) {
console.log('敌人被击败了！');
break;
}
}以上程式碼定義了一個敵人生命值和一個陣列 playerAttack，其中儲存了玩家的攻擊力。使用 for 迴圈來模擬玩家在遊戲中使用不同技能攻擊敵人的行為。在每次循環中，我們會產生隨機數來模擬技能命中後對敵人造成的傷害，並根據情況列印出相應的資訊。
如果敵人生命值被扣減到 0 或以下，遊戲結束，我們使用 break 語句來強制結束迴圈。
透過上述範例，我們可以看到 for 迴圈在 JavaScript 中的靈活應用，不僅能遍歷陣列、建立乘法表等常見操作，還能模擬遊戲中的 AI 行為。反覆實踐和運用 for 循環，能夠更好地理解和掌握它的奧秘，為自己的編程之路打下堅實基礎。
以上是JavaScript怎麼用for循環的詳細內容。更多資訊請關注PHP中文網其他相關文章！
