Operator Ternary dalam JavaScript Tanpa "Lain-Lain"

Saya selalu harus memasukkan ke nulldalam kondisi lain yang tidak memiliki apa pun. Apakah ada pula di sekitarnya? Misalnya

condition ? x = true : null;

pada dasarnya, apakah ada cara untuk melakukannya:

condition ? x = true;

Sekarang muncul sebagai kesalahan sintaksis

FYI, berikut adalah beberapa contoh kode nyata:

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null;

Pertama-tama, ekspresi ternary bukanlah pengganti untuk konstruksi if / else - yang setara dengan konstruksi if / else yang mengembalikan nilai. Yaitu, klausa if / else adalah kode, ekspresi ternary adalah ekspresi , yang berarti ia mengembalikan nilai.

Ini berarti beberapa hal:

• gunakan ekspresi ternary hanya ketika Anda memiliki variabel di sisi kiri =yang akan diberi nilai kembali
• hanya menggunakan ekspresi ternary ketika nilai yang dikembalikan adalah salah satu dari dua nilai (atau gunakan ekspresi bertingkat jika itu pas)
• setiap bagian dari ekspresi (setelah? dan setelah:) harus mengembalikan nilai tanpa efek samping (ekspresi x = true mengembalikan true karena semua ekspresi mengembalikan nilai terakhir, tetapi juga mengubah x tanpa x memiliki efek pada nilai yang dikembalikan)

Singkatnya - penggunaan ekspresi terner yang "benar" adalah

var resultofexpression = conditionasboolean ? truepart: falsepart;

Alih-alih contoh Anda condition ? x=true : null ;, di mana Anda menggunakan ekspresi ternary untuk menetapkan nilai x, Anda bisa menggunakan ini:

 condition && (x = true);

Ini masih merupakan ekspresi dan karena itu mungkin tidak lulus validasi, jadi pendekatan yang lebih baik akan

 void(condition && x = true);

Yang terakhir akan lulus validasi.

Tetapi sekali lagi, jika nilai yang diharapkan adalah boolean, cukup gunakan hasil dari ekspresi kondisi itu sendiri

var x = (condition); // var x = (foo == "bar");

PEMBARUAN Terkait sampel Anda, ini mungkin lebih tepat:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Tidak, itu membutuhkan tiga operan. Itu sebabnya mereka disebut operator ternary .

Namun, untuk apa yang Anda miliki sebagai contoh, Anda dapat melakukan ini:

if(condition) x = true;

Meskipun lebih aman untuk memiliki kawat gigi jika Anda perlu menambahkan lebih dari satu pernyataan di masa depan:

if(condition) { x = true; }

Sunting: Sekarang Anda menyebutkan kode aktual di mana pertanyaan Anda berlaku untuk:

if(!defaults.slideshowWidth)
    { defaults.slideshowWidth = obj.find('img').width()+'px'; }

Lebih sering orang menggunakan operator logis untuk mempersingkat sintaks pernyataan:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width()+'px');

Tetapi dalam kasus khusus Anda, sintaksinya bisa lebih sederhana

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Kode ini akan mengembalikan defaults.slideshowWidthnilai jika defaults.slideshowWidthdievaluasi ke true dan obj.find('img').width()+'px'nilai sebaliknya.

Lihat Evaluasi Sirkuit Pendek dari operator logis untuk detailnya.

var x = condition || null;

Anda bisa menulis

x = condition ? true : x;

Sehingga x tidak dimodifikasi ketika kondisinya salah.

Ini kemudian setara dengan

if (condition) x = true

EDIT:

!defaults.slideshowWidth 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : null 

Ada beberapa alternatif - saya tidak mengatakan ini lebih baik / lebih buruk - hanya alternatif

Melewati nol sebagai parameter ketiga berfungsi karena nilai yang ada adalah nol. Jika Anda refactor dan mengubah kondisinya, maka ada bahaya bahwa ini tidak lagi benar. Melewati nilai yang ada sebagai pilihan ke-2 dalam penjaga ternary terhadap hal ini:

!defaults.slideshowWidth = 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : defaults.slideshowwidth 

Lebih aman, tapi mungkin tidak sebaik untuk dilihat, dan lebih banyak mengetik. Dalam praktiknya, saya mungkin akan menulis

defaults.slideshowWidth = defaults.slideshowWidth 
               || obj.find('img').width()+'px'

Dalam kasus Anda, saya melihat operator ternary sebagai mubazir. Anda bisa menetapkan variabel langsung ke ekspresi, menggunakan operator ||, &&.

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null ;

akan menjadi :

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Lebih jelas, lebih gaya "javascript".

Bagaimana dengan sederhana

    if (condition) { code if condition = true };

Untuk menggunakan Operator Ternary tanpa yang lain di dalam deklarasi array atau objek, Anda dapat menggunakan operator spread ES6 ...()

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

Dan untuk benda:

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,
};
    // {b: 2}

sumber asli