If / Else Deyimleri için Kısayol Olarak JavaScript Üçlü İşleci

Koşullu üçlü operatör JavaScript bir koşula bir koşula bağlı olarak bir değer atar ve üç işlenen alan tek JavaScript operatörüdür.

Üçlü operatör, Eğer her ikisinin de Eğer ve Başka yan tümceleri aynı alana farklı değerler atar, şöyle:

eğer (koşul)
sonuç = 'bir şey';
Başka
sonuç = 'bir şey';

Üçlü operatör, if / else ifadesini tek bir ifadeye kısaltır:

sonuç = (koşul)? 'bir şey': 'bir şey'; 

Eğer şart üçlü doğru işleci, ilk ifadenin değerini döndürür; aksi takdirde ikinci ifadenin değerini döndürür. Parçalarını ele alalım:

  • İlk olarak, değer atamak istediğiniz değişkeni oluşturun, bu durumda, sonuç. Değişken sonuç duruma bağlı olarak farklı bir değere sahip olacaktır.
  • Sağ tarafta (yani operatörün kendisinde), şart ilk.
  • şart her zaman bir soru işareti (?) temel olarak "bu doğru muydu?"
  • İki olası sonuç, iki nokta üst üste (:).

Bu kullanımı üçlü operatör yalnızca orijinal olduğunda kullanılabilir Eğer ifadesi yukarıda gösterilen biçimi izler - ancak bu oldukça yaygın bir senaryodur ve üçlü işleci kullanmak çok daha verimli olabilir.

instagram viewer

Üçlü Operatör Örneği

Gerçek bir örneğe bakalım.

Belki de anaokuluna gitmek için hangi çocukların doğru yaşta olduğunu belirlemeniz gerekir. Bunun gibi bir koşullu ifadeniz olabilir:

var yaş = 7;
var kindergarten_eligible;
eğer (yaş> 5) {
kindergarten_eligible = "Yeterince yaşlı";
}
Başka {
kindergarten_eligible = "Çok genç";
}

Üçlü işleci kullanarak, ifadeyi şu şekilde kısaltabilirsiniz:

var kindergarten_eligible = (yaş <5)? "Çok genç": "Yeterince yaşlı";

Bu örnek, elbette, "Yeterince eski" yi döndürür.

Çoklu Değerlendirmeler

Birden fazla değerlendirme de ekleyebilirsiniz:

var yaş = 7, var socially_ready = true;
var kindergarten_eligible = (yaş <5)? "Çok genç": socially_ready
"Yeterince yaşlı ama henüz hazır değil" "Yaşlı ve sosyal olarak yeterince olgun"
console.log (kindergarten_eligible); // "Eski ve sosyal açıdan yeterince olgun" günlükleri

Çoklu İşlemler

Üçlü işleç ayrıca, her ifade için virgülle ayrılmış birden çok işlemin eklenmesine izin verir:

var age = 7, socially_ready = true;
yaş> 5? (
uyarısı ("Yeterince yaşlısın."),
( "Continue.html") location.assign
): (
socially_ready = yanlış,
alert ("Üzgünüz, henüz hazır değilsiniz.")
);

Üçlü Operatör Çıkarımları

Üçlü operatörler aksi takdirde ayrıntılı olmamak zorundadır kod, bu yüzden bir yandan, arzu edilir görünüyorlar. Öte yandan, okunabilirliği tehlikeye atabilirler - açıkçası, "EĞER ELSE" şifreli bir "?"

Üçlü bir operatör veya herhangi bir kısaltma kullanırken, kodunuzu kimlerin okuyacağını düşünün. Daha az deneyimli geliştiricilerin program mantığınızı anlamaları gerekiyorsa, belki de üçlü operatörün kullanımından kaçınılmalıdır. Durumunuz ve değerlendirmeleriniz üçlü operatörünüzü yerleştirmeniz veya zincirlemeniz gereken kadar karmaşıksa bu özellikle doğrudur. Aslında, bu tür iç içe işleçler yalnızca okunabilirliği değil, hata ayıklamayı da etkileyebilir.

Herhangi bir programlama kararında olduğu gibi, üçlü bir operatör kullanmadan önce bağlam ve kullanılabilirliği dikkate aldığınızdan emin olun.

instagram story viewer