CodeBlanks Logo Icon CodeBlanks

Ternary

? : ile tek satırda koşullu ifade yazmayı öğrenirsin.

Ternary operatörü

İki değerden birini tek satırda seçmek için ternary operatörü ? : kullanılır. Yazım: koşul ? değerA : değerB. Koşul true ise değerA, false ise değerB döner.

Örneğin const msg = age >= 18 ? "Yetişkin" : "Çocuk"; tek satırda bir atama yapar. Aynı mantık if/else ile de yazılabilir ama ternary daha kısadır. Özellikle bir değişkene değer atarken veya bir ifade içinde kullanırken yararlıdır; karmaşık mantıklar için if/else daha okunaklıdır.

İç içe ternary

Üç veya daha fazla değer seçmek için ternary iç içe kullanılabilir: koşul1 ? değerA : koşul2 ? değerB : değerC. İlk koşul true ise değerA, değilse ikinci koşul sınanır.

Örneğin const note = score >= 90 ? "A" : score >= 80 ? "B" : "C"; üç olası notu tek satırda seçer. İç içe ternary kompakt olsa da aşırı kullanımda okunabilirliği düşürür. Üçten fazla dal için if/else if zinciri daha uygun olabilir; yalnızca basit atamalarda iç içe ternary tercih edilir.

Uygulama Yetişkin kontrolü

age değişkenine 20 değeri verilmiş. msg adında bir değişken tanımla ve ternary ile age >= 18 ? "Yetişkin" : "Çocuk" sonucunu ata. Sonra msg'yi console.log ile yazdır. Çıktı tek satırda Yetişkin olmalı.

Başlangıç kodu

index.js
const age = 20;
// msg değişkenini ternary ile tanımla ve yazdır

Örnek çözüm

index.js
const age = 20;
const msg = age >= 18 ? "Yetişkin" : "Çocuk";
console.log(msg);

Beklenen çıktı

Yetişkin

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 5 > 3 ? "a" : "b" sonucu ne olur?

index.js
5 > 3 ? "a" : "b"
  • true
  • "b"
  • "a" Doğru cevap
  • 5

Açıklama: 5 > 3 koşulu true'dur; ternary "a" döndürür.

2 Kısmı anlamına eşle

Kavram Anlamı
koşul ? Koşulu sınar
? ile : arası True değeri
: sonrası False değeri
const x = Atama hedefi

3 Ternary ifadesini yaz

Soru
const age = 20;
const msg = age >= 18 ? "Yetişkin" ____ "Çocuk";
Cevap
const age = 20;
const msg = age >= 18 ? "Yetişkin" : "Çocuk";

Açıklama: : işareti true/false değerlerini ayırır.

Başlangıç bölümündeki tüm dersler