Hari 4: Pernyataan Bersyarat dan Gelung dalam JavaScript

Selamat datang ke Hari ke-4 pembelajaran JavaScript! Hari ini, kami akan menumpukan pada penyataan bersyarat dan gelung, yang membentuk tulang belakang logik dan lelaran dalam pengaturcaraan. Menjelang akhir pelajaran ini, anda akan dapat membuat keputusan dalam kod anda dan mengulangi tindakan dengan cekap.

1. Kenyataan Bersyarat

Pernyataan bersyarat membenarkan kod anda membuat keputusan berdasarkan syarat tertentu. JavaScript menyediakan beberapa cara untuk melaksanakan logik bersyarat.

Kenyataan If-Else

Pernyataan if menyemak keadaan dan melaksanakan kod jika syarat itu benar. Pernyataan else menyediakan laluan alternatif apabila syarat adalah palsu.

Sintaks:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

Contoh:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

Lain-Jika Tangga

Gunakan lain jika untuk menguji berbilang syarat.

Contoh:

let score = 75;
if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 75) {
  console.log("Grade: B");
} else {
  console.log("Grade: C");
}

Pernyataan Kes Suis

Pernyataan suis ialah alternatif kepada berbilang blok if-else. Ia sesuai apabila anda mempunyai banyak keadaan berdasarkan satu pembolehubah atau ungkapan.

Sintaks:

switch (expression) {
  case value1:
    // Code to execute if expression === value1
    break;
  case value2:
    // Code to execute if expression === value2
    break;
  default:
    // Code to execute if no cases match
}

Contoh:

let day = 3;
switch (day) {
  case 1:
    console.log("Monday");
    break;
  case 2:
    console.log("Tuesday");
    break;
  case 3:
    console.log("Wednesday");
    break;
  default:
    console.log("Invalid day");
}

2. Gelung

Gelung digunakan untuk melaksanakan blok kod beberapa kali.

Untuk Gelung

Gelung untuk dijalankan untuk bilangan lelaran tertentu.

Sintaks:

for (initialization; condition; increment/decrement) {
  // Code to execute
}

Contoh:

for (let i = 1; i <= 5; i++) {
  console.log("Count:", i);
}

Gelung Semasa

Gelung sementara berjalan selagi syarat adalah benar.

Sintaks:

while (condition) {
  // Code to execute
}

Contoh:

let count = 1;
while (count <= 5) {
  console.log("Count:", count);
  count++;
}

Gelung Lakukan-Semasa

Gelung do-while memastikan kod dilaksanakan sekurang-kurangnya sekali sebelum menyemak keadaan.

Sintaks:

do {
  // Code to execute
} while (condition);

Contoh:

let count = 1;
do {
  console.log("Count:", count);
  count++;
} while (count <= 5);

3. Rehat dan Teruskan

• Patah: Keluar dari gelung serta-merta.
• Teruskan: Melangkau lelaran semasa dan beralih ke yang seterusnya.

Contoh:

for (let i = 1; i <= 10; i++) {
  if (i === 5) break; // Stops the loop when i is 5
  console.log(i);
}

for (let i = 1; i <= 10; i++) {
  if (i === 5) continue; // Skips iteration when i is 5
  console.log(i);
}

4. Contoh Dunia Nyata

Pengesahan Kata Laluan

Semak sama ada kata laluan pengguna memenuhi kriteria.

Contoh:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}

Kaunter

Gunakan gelung untuk mengira kejadian atau melakukan tindakan berulang.

Contoh:

let age = 18;
if (age >= 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

Amalan untuk Hari Ini

1. Tulis atur cara untuk menyemak sama ada nombor genap atau ganjil menggunakan pernyataan if-else.
2. Buat gelung for untuk mencetak jadual pendaraban bagi nombor tertentu.
3. Gunakan gelung sementara untuk mengira jumlah nombor dari 1 hingga 50.
4. Ubah suai gelung for untuk melangkau nombor yang boleh dibahagi dengan 3 menggunakan continue.

Ringkasan Hari 4

Hari ini, kami belajar:

1. Pernyataan Bersyarat: Membuat keputusan menggunakan if-else dan switch-case.
2. Gelung: Mengulang tindakan dengan gelung for, while dan do-while.
3. Pecah dan Teruskan: Mengawal aliran gelung.
4. Contoh dunia nyata seperti pengesahan kata laluan dan pembilang.

Langkah Seterusnya

Dalam Hari 5, kami akan menyelami Fungsi dan Skop, memfokuskan pada cara menyusun dan menggunakan semula kod dengan berkesan. Nantikan 12 Dis 2024!

Atas ialah kandungan terperinci Pernyataan Bersyarat dan Gelung dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!