Rumah >hujung hadapan web >tutorial js >Bagaimanakah Operator Bersyarat JavaScript (?:) Memudahkan Pernyataan if-else?

Bagaimanakah Operator Bersyarat JavaScript (?:) Memudahkan Pernyataan if-else?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-17 05:59:25871semak imbas

How Can JavaScript's Conditional (?:) Operator Simplify if-else Statements?

Menggunakan ?: (Bersyarat) Operator dalam JavaScript

JavaScript's ?: operator, juga dikenali sebagai operator bersyarat atau operator "ternary" , menyediakan alternatif ringkas kepada pernyataan if-else. Ia mempunyai tiga operan:

  1. Keadaan: Menilai kepada benar atau salah.
  2. Ungkapan Benar: Nilai untuk dikembalikan jika keadaan adalah benar.
  3. Ungkapan Salah: Nilai untuk dikembalikan jika syarat adalah palsu.

Apabila menggunakan pengendali ?:, ia mengikut format:

result = condition ? trueExpression : falseExpression;

Contoh:

Pertimbangkan fungsi yang menyajikan minuman berdasarkan umur:

function serveDrink() {
  if (userIsYoungerThan21) {
    return "Grape Juice";
  } else {
    return "Wine";
  }
}

Menggunakan operator ?:, fungsi ini boleh ditulis semula:

function serveDrink() {
  return userIsYoungerThan21 ? "Grape Juice" : "Wine";
}

Perantaian dan Kesan Sampingan:

Pengendali ?: boleh dirantai untuk keadaan yang lebih kompleks. Contohnya:

// Serve Milk if user is younger than 4, Grape Juice if younger than 21, Wine otherwise
return userIsYoungerThan4 ? "Milk" : userIsYoungerThan21 ? "Grape Juice" : "Wine";

Selain itu, operator ?: boleh digunakan sebagai ungkapan dengan kesan sampingan, walaupun ini jarang berlaku. Contohnya:

// Execute a function depending on the user's age
userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

Awas:

Sedangkan operator ?: boleh menjadi mudah, rantaian yang berlebihan atau ungkapan kompleks boleh mengakibatkan kod berbelit-belit. Oleh itu, adalah penting untuk menggunakannya dengan bijak untuk mengekalkan kebolehbacaan dan kefahaman.

Atas ialah kandungan terperinci Bagaimanakah Operator Bersyarat JavaScript (?:) Memudahkan Pernyataan if-else?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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