JavaScript'te satır içi IF deyimi nasıl yazılır?

ifJavaScript'te bir satır içi ifadeyi nasıl kullanabilirim ? Satır içi bir elseifade de var mı?

Bunun gibi bir şey:

var a = 2;
var b = 3;

if(a < b) {
    // do something
}

Mutlaka jQuery'ye ihtiyacınız yoktur. Sadece JavaScript bunu yapar.

var a = 2;
var b = 3;    
var c = ((a < b) ? 'minor' : 'major');

cDeğişken olacaktır minordeğer ise trueve majordeğer olup olmadığını false.

Bu, Koşullu (üçlü) Operatör olarak bilinir.

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Conditional_Operator

ifSatır içi ifadeyi satır içi yazmak için içindeki kodun yalnızca bir ifade olması gerekir:

if ( a < b ) // code to be executed without curly braces;

Üçlü bir operatör var, şöyle:

var c = (a < b) ? "a is less than b"  : "a is not less than b";

Ayrıca, yalnızca Mantıksal İşleçleri kullanarak bir if / else değerini yaklaşık olarak belirleyebilirsiniz.

(a && b) || c

Yukarıdakiler kabaca aşağıdakilerle aynıdır:

a ? b : c

Ve elbette, kabaca aynı:

if ( a ) { b } else { c }

Kabaca söylüyorum, çünkü bu yaklaşımda bir fark var, çünkü değerinin bdoğru olarak değerlendirileceğini bilmelisiniz , aksi takdirde her zaman elde edersiniz c. Temel olarak, ortaya çıkacak if () { here }kısmın şimdi yerleştirdiğiniz durumun bir parçası olduğunu anlamalısınız if ( here ) { }.

Yukarıdaki, operatörün türüne bağlı olan mantıksal ifadeyi oluşturan orijinal değerlerden birini geçirme / döndürme JavaScripts davranışı nedeniyle mümkündür. PHP gibi bazı diğer diller, işlemin gerçek sonucunu, yani doğru ya da yanlış, yani sonuç her zaman doğru ya da yanlıştır; Örneğin:

14 && 0          /// results as 0,  not false
14 || 0          /// results as 14, not true
1 && 2 && 3 && 4 /// results as 4,  not true
true && ''       /// results as ''
{} || '0'        /// results as {}

Temel if avantajı, normal bir if ifadesiyle karşılaştırıldığında, ilk iki yöntemin bir argümanın sağ tarafında, yani bir görevin parçası olarak çalışabilmesidir.

d = (a && b) || c;
d = a ? b : c;

if `a == true` then `d = b` else `d = c`

Bunu standart bir if ifadesiyle elde etmenin tek yolu, değerlendirmeyi çoğaltmak olacaktır:

if ( a ) { d = b } else { d = c }

Üçlü Operatör yerine neden yalnızca Mantıksal Operatörleri kullandığınızı sorabilirsiniz , emin olmak istemediğiniz ve her ikisinin de doğru olmasını istemediğiniz sürece muhtemelen yapamayacağınız basit durumlar için . Ayrıca, iç içe üçlü işlemleri kullanarak oldukça dağınık olabilen Mantıksal işleçlerle daha akıcı karmaşık koşullar elde edebilirsiniz ... sonra yine kodunuzun kolayca okunmasını istiyorsanız, ikisi de gerçekten sezgisel değildir.ab

Açık İngilizce'de sözdizimi şunları açıkladı:

if(condition){
    do_something_if_condition_is_met;
}
else{
    do_something_else_if_condition_is_not_met;
}

Şu şekilde yazılabilir:

condition ? do_something_if_condition_is_met : do_something_else_if_condition_is_not_met;

<div id="ABLAHALAHOO">8008</div>
<div id="WABOOLAWADO">1110</div>

parseInt( $( '#ABLAHALAHOO' ).text()) > parseInt( $( '#WABOOLAWADO ).text()) ? alert( 'Eat potato' ) : alert( 'You starve' );

Yalnızca satır içi bir IF (ELSE olmadan) istiyorsanız, mantıksal AND operatörünü kullanabilirsiniz:

(a < b) && /*your code*/;

Bir ELSE'ye de ihtiyacınız varsa, diğer insanların önerdiği üçlü işlemi kullanın.

JavaScript ile bunu yapabilirsiniz:

a < b ? passed() : failed();

Bilginize, koşullu operatörler oluşturabilirsiniz

var a = (truthy) ? 1 : (falsy) ? 2 : 3;

Mantık yeterince karmaşıksa, bir IIFE kullanmayı düşünebilirsiniz.

var a = (function () {
  if (truthy) return 1;
  else if (falsy) return 2;
  return 3;
})();

Tabii ki, bu mantığı bir kereden fazla kullanmayı planlıyorsanız, şeyleri güzel ve NEM ALMA fonksiyonunu kapsüllemeye çalıştınız.

Sık sık kullanarak koşul başına daha fazla kod çalıştırmak gerekir: ( , , )birden çok kod öğeleri yürütmek:

var a = 2;
var b = 3;
var c = 0;

( a < b ?  ( alert('hi'), a=3, b=2, c=a*b ) : ( alert('by'), a=4, b=10, c=a/b ) );

Buna eklemek için && ve || operatörler. Bunun gibi

var a = 2;
var b = 0;

var c = (a > b || b == 0)? "do something" : "do something else";

Soru esas olarak değil: aşağıdakileri yazabilir miyim?

if (foo)
  console.log(bar)
else
  console.log(foo + bar)

cevap, evet, yukarıdaki tercüme olacaktır.

ancak aşağıdakileri yapmaya dikkat edin

if (foo)
  if (bar)
    console.log(foo)
  else 
    console.log(bar)
else 
  console.log(foobar)

Yukarıdaki durum bir istisna oluşturacağından ve benzer permütasyonlar istenmeyen davranışlar üreteceğinden belirsiz kodu parantez içine aldığınızdan emin olun.)

inline:

(('hypothesis') ? 'truthy conclusion' : 'falsey conclusion')

doğru sonuç: hipotez doğru olduğunda yapılan ifadeler

falsey sonuç: hipotez yanlış olduğunda yürütülen ifadeler

örneğin:

var c = ((a < b) ? 'a<b statements' : '!(a<b) statements');