Rumah > hujung hadapan web > tutorial js > Pernyataan Bersyarat dan Gelung dalam JavaScript

Pernyataan Bersyarat dan Gelung dalam JavaScript

Susan Sarandon
Lepaskan: 2024-12-15 15:50:15
asal
559 orang telah melayarinya

Conditional Statements and Loops in JavaScript

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
}
Salin selepas log masuk
Salin selepas log masuk

Contoh:

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

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");
}
Salin selepas log masuk

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
}
Salin selepas log masuk

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");
}
Salin selepas log masuk

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
}
Salin selepas log masuk

Contoh:

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

Gelung Semasa

Gelung sementara berjalan selagi syarat adalah benar.

Sintaks:

while (condition) {
  // Code to execute
}
Salin selepas log masuk

Contoh:

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

Gelung Lakukan-Semasa

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

Sintaks:

do {
  // Code to execute
} while (condition);
Salin selepas log masuk

Contoh:

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

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);
}
Salin selepas log masuk

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
}
Salin selepas log masuk
Salin selepas log masuk

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.");
}
Salin selepas log masuk
Salin selepas log masuk

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!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan