JavaScript Temelleri: Üçlü Operatörler

Mar 23 2023
üçlü operatör nedir? Üçlü operatör, bir if…else deyimi kullanmak yerine kodunuzdaki koşulları kontrol etmek için kullanılır. Aynı zamanda koşullu operatör olarak da adlandırılır ve kodu önemli ölçüde kısaltır ve okunmasını kolaylaştırır (çoğu zaman).
Unsplash'ta Tsvetoslav Hristov'un fotoğrafı

üçlü operatör nedir?

Üçlü operatör, bir if…else deyimi kullanmak yerine kodunuzdaki koşulları kontrol etmek için kullanılır. Aynı zamanda koşullu operatör olarak da adlandırılır ve kodu önemli ölçüde kısaltır ve okunmasını kolaylaştırır (çoğu zaman).

Sözdizimi

Bir üçlü operatörün sözdizimine bir göz atalım:

condition ? trueExpression : falseExpression

condition — değerlendirdiğiniz durum. Örn: Yaş > 5 mi?

trueExpressioncondition: eğer öyleyse olması gereken butrue.

falseExpressioncondition: eğer öyleyse olması gereken bufalse.

Örnek

Aşağıda, trafik ışığının rengine göre arabanın hareket edip etmediğini kontrol eden bir if…else ifadesi kullanan bir örnek verilmiştir.

let color = ‘red’; // color of the traffic light
let carMovement;

if (color === 'red') {
  carMovement = 'stop';
} else {
  carMovement = 'go';
}

console.log(carMovement); //stop

let color = 'red'; // color of the traffic light
let carMovement = color === red ? 'stop' : 'go';

console.log(carMovement); //stop

Ayrıca, bir üçlü işleci başka bir üçlü işlecin içinde bir ifade olarak yuvalayabilir veya zincirleyebilirsiniz. Aşağıda, bir sayının pozitif, negatif veya sıfır olup olmadığını kontrol etmek için bir örnek verilmiştir:

let num = 2;
let result = num >= 0 ? num === 0 ? 'zero' : 'positive' : 'negative';

console.log(result); //positive

let num = 2;
let result = (num >= 0) ? (num === 0 ? "zero" : "positive") : "negative";

console.log(result); //positive

Üçlü operatörleri ne zaman kullanmalısınız?

Yukarıda vurgulanan örnekte olduğu gibi, üçlü işleçler kodu kısaltabilir, ancak karmaşık iç içe üçlü işleçler kullanıldığında, kodu daha az okunabilir ve daha kafa karıştırıcı hale getirme eğilimindedirler.

Temel bir kural, önümüzdeki 2 yıl içinde başka birinin kodunuzu kolaylıkla okuyup anlayabileceğini düşünmek olacaktır. Cevap hayır ise bunun yerine bir if…else ifadesi kullanın.

İpucu: ESlint kullanılıyorsa, iç içe üçlü işleçlerin kullanımını tamamen yasaklar!

Çözüm

Üçlü operatörler yalnızca kodun okunmasını, anlaşılmasını ve bakımını kolaylaştırdıklarında parlarlar. Sadece kodu kısaltmakla ilgili değiller, bu yüzden onları etkili bir şekilde kullanın.