Cara menggunakan for loop dalam JavaScript

JavaScript ialah bahasa pengaturcaraan berkuasa yang mampu melakukan banyak fungsi. Salah satu struktur gelung yang paling asas ialah gelung for. Ia membolehkan kami untuk berulang kali melaksanakan sekeping kod berdasarkan syarat, yang sangat sesuai untuk senario di mana kami perlu berulang kali mengendalikan koleksi objek atau melintasi tatasusunan.

Gelung for terdiri daripada tiga bahagian berikut: pemulaan gelung, keadaan gelung dan kenaikan gelung. Struktur sintaks adalah seperti berikut:

for (循环初始化; 循环条件; 循环增量) {
  // 循环执行的代码
}

Mari kita lihat secara terperinci fungsi setiap bahagian:

• Pemulaan gelung: dilaksanakan sekali sebelum permulaan gelung, biasanya digunakan untuk mulakan pembolehubah seperti pembilang.
• Keadaan gelung: digunakan untuk memutuskan sama ada untuk meneruskan pelaksanaan kod gelung Jika keadaan itu benar, teruskan gelung jika ia salah, hentikan gelung.
• Tambahan gelung: Dilaksanakan sekali selepas setiap gelung tamat, biasanya digunakan untuk menambah atau mengurangkan pembolehubah seperti pembilang.

Seterusnya, mari belajar cara menggunakan gelung for melalui beberapa contoh.

1. Melintasi tatasusunan

Mari kita lihat senario aplikasi yang sangat biasa: melintasi tatasusunan. Kodnya adalah seperti berikut:

let numbers = [1, 2, 3, 4, 5];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

Kod di atas mentakrifkan tatasusunan numbers, dan kemudian menggunakan gelung for untuk lelaran melalui setiap elemen dalam tatasusunan. Keadaan gelung i < numbers.length menentukan syarat untuk gelung dilaksanakan dan operasi kenaikan i++ memastikan setiap gelung akan bertambah. Dalam badan gelung, kami menggunakan fungsi console.log untuk mencetak nilai setiap elemen.

2. Bina jadual pendaraban

Seterusnya, kami cuba menggunakan gelung for untuk membina jadual pendaraban. Kodnya adalah seperti berikut:

for (let i = 1; i <= 9; i++) {
  for (let j = 1; j <= i; j++) {
    document.write(`${j}x${i}=${i*j} `);
  }
  document.write('<br>');
}

Terdapat dua gelung bersarang dalam kod. Pembolehubah gelung luar i mewakili bilangan baris dalam jadual pendaraban, dan pembolehubah gelung dalam j mewakili bilangan lajur dalam setiap baris. Kami membalut garisan selepas setiap gelung dalaman untuk mengelakkan mengeluarkan berbilang produk pada baris yang sama.

Kod di atas melaksanakan jadual pendaraban mudah, yang merupakan soalan latihan yang baik untuk pemula.

3. Bersarang untuk gelung melaksanakan penjumlahan tatasusunan

Seterusnya, mari lihat contoh yang lebih kompleks: menggunakan gelung bersarang untuk menjumlahkan tatasusunan dua dimensi . Kodnya adalah seperti berikut:

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);

Kod di atas mentakrifkan tatasusunan dua dimensi arrays, dan kemudian menggunakan gelung bersarang untuk menjumlahkan setiap elemen dalam tatasusunan. Pembolehubah gelung luar i mewakili setiap baris dalam tatasusunan, dan pembolehubah gelung dalam j mewakili bilangan lajur dalam setiap baris. Operasi jumlah sum += arrays[i][j] mengumpul setiap elemen dalam tatasusunan. Akhirnya, kami mencetak hasil penjumlahan console.log(sum).

4. Simulasikan AI dalam permainan

Akhir sekali, mari lihat contoh yang menarik: menggunakan gelung for untuk mensimulasikan gelagat AI dalam permainan. Kodnya adalah seperti berikut:

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;
  }
}

Kod di atas mentakrifkan nilai kesihatan musuh dan tatasusunan playerAttack, yang menyimpan kuasa serangan pemain. Gunakan gelung for untuk mensimulasikan tingkah laku pemain menggunakan kemahiran berbeza untuk menyerang musuh dalam permainan. Dalam setiap kitaran, kami akan menjana nombor rawak untuk mensimulasikan kerosakan yang disebabkan oleh musuh selepas kemahiran melanda, dan mencetak maklumat yang sepadan mengikut situasi.

Jika kesihatan musuh dikurangkan kepada 0 atau ke bawah, permainan akan tamat dan kami menggunakan pernyataan break untuk memaksa tamat gelung.

Melalui contoh di atas, kita dapat melihat aplikasi fleksibel bagi gelung dalam JavaScript Ia bukan sahaja boleh merentasi tatasusunan, membina jadual pendaraban dan operasi biasa yang lain, tetapi juga mensimulasikan gelagat AI dalam permainan. Dengan berulang kali berlatih dan menggunakan gelung for, anda boleh lebih memahami dan menguasai misterinya serta meletakkan asas yang kukuh untuk perjalanan pengaturcaraan anda sendiri.

Atas ialah kandungan terperinci Cara menggunakan for loop dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!