Wie schreibe ich eine Inline-IF-Anweisung in JavaScript?

Wie kann ich eine Inline- ifAnweisung in JavaScript verwenden? Gibt es auch eine Inline- elseAnweisung?

Etwas wie das:

var a = 2;
var b = 3;

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

Sie benötigen nicht unbedingt jQuery. JavaScript allein wird dies tun.

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

Die cVariable ist, minorwenn der Wert ist trueund majorwenn der Wert ist false.

Dies wird als bedingter (ternärer) Operator bezeichnet.

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

Zum ifInline- Schreiben einer Anweisung sollte der darin enthaltene Code nur eine Anweisung sein:

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

Es gibt einen ternären Operator wie diesen:

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

Sie können ein if / else auch nur mit logischen Operatoren approximieren.

(a && b) || c

Das Obige ist ungefähr dasselbe wie zu sagen:

a ? b : c

Und natürlich ungefähr das Gleiche wie:

if ( a ) { b } else { c }

Ich sage grob, weil es bei diesem Ansatz einen Unterschied gibt, dass Sie wissen müssen, dass der Wert von bals wahr bewertet wird, sonst erhalten Sie immer c. Grundsätzlich müssen Sie erkennen, dass der Teil, der erscheinen würde, if () { here }jetzt Teil der Bedingung ist, die Sie platzieren if ( here ) { }.

Dies ist aufgrund des JavaScripts-Verhaltens möglich, bei dem einer der ursprünglichen Werte, die den logischen Ausdruck gebildet haben, übergeben / zurückgegeben wird, was vom Typ des Operators abhängt. Bestimmte andere Sprachen wie PHP führen das tatsächliche Ergebnis der Operation fort, dh wahr oder falsch, was bedeutet, dass das Ergebnis immer wahr oder falsch ist. z.B:

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 {}

Ein Hauptvorteil im Vergleich zu einer normalen if-Anweisung besteht darin, dass die ersten beiden Methoden auf der rechten Seite eines Arguments ausgeführt werden können, dh als Teil einer Zuweisung.

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

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

Die einzige Möglichkeit, dies mit einer Standard-if-Anweisung zu erreichen, besteht darin, die Zuordnung zu duplizieren:

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

Sie fragen sich vielleicht , warum die Verwendung nur logische Operatoren anstelle der Ternary Operator , für einfache Fälle wahrscheinlich würden Sie nicht, es sei denn , Sie wollten sicherstellen, aund bwaren beide wahr. Mit den logischen Operatoren können Sie auch optimierte komplexe Bedingungen erreichen, die mit verschachtelten ternären Operationen ziemlich chaotisch werden können. Wenn Sie jedoch möchten, dass Ihr Code leicht lesbar ist, sind beide nicht wirklich so intuitiv.

Im Klartext erklärte die Syntax:

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

Kann geschrieben werden als:

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' );

Wenn Sie nur eine Inline-IF (ohne ELSE) möchten, können Sie den logischen AND-Operator verwenden:

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

Wenn Sie auch eine ELSE benötigen, verwenden Sie die von den anderen Personen vorgeschlagene ternäre Operation.

In JavaScript können Sie dies folgendermaßen tun:

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

Zu Ihrer Information, Sie können bedingte Operatoren erstellen

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

Wenn Ihre Logik ausreichend komplex ist, können Sie ein IIFE verwenden

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

Wenn Sie diese Logik mehr als einmal verwenden möchten, müssen Sie sie natürlich in eine Funktion einkapseln, um die Dinge schön und trocken zu halten.

Ich muss oft mehr Code pro Bedingung ( , , )ausführen , indem ich Folgendes verwende: Mehrere Codeelemente können Folgendes ausführen:

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 ) );

Um dies hinzuzufügen, können Sie auch die Inline-if-Bedingung mit && und || verwenden Betreiber. So was

var a = 2;
var b = 0;

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

Ist die Frage nicht wesentlich: Kann ich folgendes schreiben?

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

Die Antwort lautet: Ja, das oben Gesagte wird übersetzt.

Seien Sie jedoch vorsichtig, wenn Sie Folgendes tun

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

Stellen Sie sicher, dass Sie mehrdeutigen Code in geschweifte Klammern setzen, da dies eine Ausnahme auslöst (und ähnliche Permutationen zu unerwünschtem Verhalten führen).

Inline wenn:

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

wahrheitsgemäße Schlussfolgerung: Aussagen, die ausgeführt werden, wenn die Hypothese wahr ist

Falsey Fazit: Aussagen, die ausgeführt werden, wenn die Hypothese falsch ist

Ihr Beispiel:

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