if...else Dalam contoh kod ini, mula -mula menentukan pembolehubah

const numbers = [1,2,3];
let message;
if (numbers.length > 2) {
  message = 'The numbers array is too long';
} else {
  message = 'The numbers array is short';
}

console.log(message); // "The numbers array is too long"

message Ini boleh dilakukan hanya dalam satu baris menggunakan pengendali ternary: if...else

const numbers = [1,2,3];
let message = numbers.length > 2 ? 'The numbers array is too long' : 'The numbers array is short';

console.log(message); // "The numbers array is too long"

Operator Ternary boleh digunakan untuk melaksanakan apa -apa jenis ungkapan. Contohnya, jika anda ingin menentukan fungsi mana yang akan dijalankan berdasarkan nilai pembolehubah, anda boleh melakukan ini menggunakan pernyataan

Ini boleh dilakukan dalam satu baris menggunakan pengendali ternary: if...else

condition ? expr1 : expr2

Jika nilai feedback adalah "ya", fungsi sayThankYou akan dipanggil dan dilaksanakan. Jika tidak, fungsi saySorry akan dipanggil dan dilaksanakan.

Gunakan pengendali ternary untuk semak nilai null

Dalam banyak kes, anda mungkin mengusahakan pembolehubah yang mungkin atau mungkin tidak mempunyai nilai yang ditetapkan -contohnya, apabila memasuki hasil carian dari pengguna, atau ketika mengambil data dari pelayan.

Menggunakan pengendali ternary, anda boleh menyemak sama ada pembolehubah tidak batal atau tidak ditentukan dengan meletakkan nama pembolehubah dalam operan bersyarat.

Ini amat berguna apabila pembolehubah adalah objek. Ralat berlaku jika anda cuba mengakses sifat objek yang sebenarnya tidak jelas atau tidak ditentukan. Mula -mula memeriksa sama ada objek ditetapkan boleh membantu anda mengelakkan kesilapan.

Contoh:

1 > 2 ? console.log("You are right") : console.log('You are wrong');

Di bahagian pertama blok kod ini, book adalah objek dengan dua sifat (name dan author). Apabila menggunakan pengendali ternary untuk book, ia memeriksa jika ia tidak batal atau tidak ditentukan. Jika tidak - yang bermaksud ia mempunyai nilai - kemudian akses harta name dan log ke konsol. Jika tidak, jika ia adalah batal, rekod "tiada buku" ke konsol sebaliknya.

Sejak book tidak batal, tajuk buku akan direkodkan dalam konsol. Walau bagaimanapun, di bahagian kedua, apabila keadaan yang sama digunakan, keadaan dalam pengendali ternary akan gagal kerana book adalah batal. Oleh itu, "tidak ada buku" akan direkodkan dalam konsol.

syarat bersarang

Walaupun pengendali ternary digunakan untuk sebaris, pelbagai syarat boleh digunakan sebagai sebahagian daripada ekspresi pengendali ternary. Anda boleh bersarang atau menghubungkan pelbagai syarat untuk melakukan pemeriksaan keadaan yang serupa dengan kenyataan if...else if...else.

Sebagai contoh, nilai pembolehubah mungkin bergantung kepada pelbagai keadaan. Anda boleh menggunakan if...else if...else untuk mencapai:

const numbers = [1,2,3];
let message;
if (numbers.length > 2) {
  message = 'The numbers array is too long';
} else {
  message = 'The numbers array is short';
}

console.log(message); // "The numbers array is too long"

Dalam blok kod ini, anda menguji pelbagai syarat pada pembolehubah score untuk menentukan tahap huruf pembolehubah.

Keadaan yang sama boleh dilakukan menggunakan pengendali ternary, seperti yang ditunjukkan di bawah:

const numbers = [1,2,3];
let message = numbers.length > 2 ? 'The numbers array is too long' : 'The numbers array is short';

console.log(message); // "The numbers array is too long"

Pertama menilai keadaan pertama, iaitu score >= 90.

Ini akan berterusan sehingga semua keadaan palsu, yang bermaksud bahawa nilai grade adalah 'f', atau sehingga salah satu syarat dinilai sebagai benar dan nilai sebenar diberikan kepada grade.

Kesimpulan

Seperti yang ditunjukkan dalam contoh dalam tutorial ini, terdapat banyak kes penggunaan untuk pengendali ternary JavaScript. Dalam banyak kes, pengendali ternary dapat meningkatkan kebolehbacaan kod dengan menggantikan pernyataan verbose if...else.

(kandungan berikutnya, seperti bahagian FAQ, disyorkan untuk mengendalikannya secara berasingan seperti yang diperlukan kerana panjang artikel.)

Atas ialah kandungan terperinci Petua Pantas: Cara Menggunakan Operator Ternary di JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!