Wie verwendet man den ? (bedingter) Operator in JavaScript?

Question

Mit einfachen Worten, was ist die ?: (bedingter, "ternärer") Operator und wie kann ich ihn verwenden?

Answer 1

Wenn Sie eine Konditionsprüfungsinstanzfunktion in javascript . es ist einfach zu benutzen ternärer Operator . die nur noch eine einzige Zeile zu implementieren. Ex:

    private module : string ='';
    private page:boolean = false;
    async mounted(){
     if(this.module=== 'Main')
    {
    this.page = true;}
    else{
    this.page = false;
    }
}

Eine solche Funktion mit einer Bedingung kann wie folgt geschrieben werden.

this.page = this.module=== 'Main' ?true:false;

Bedingung ? if True : if False

Answer 2

Dies ist wahrscheinlich nicht gerade die eleganteste Art, dies zu tun. Aber für jemanden, der mit ternären Operatoren nicht vertraut ist, könnte sich dies als nützlich erweisen. Ich persönlich bevorzuge einzeilige Fallbacks anstelle von Bedingungsblöcken.

  // var firstName = 'John'; // Undefined
  var lastName = 'Doe';

  // if lastName or firstName is undefined, false, null or empty => fallback to empty string
  lastName = lastName || '';
  firstName = firstName || '';

  var displayName = '';

  // if lastName (or firstName) is undefined, false, null or empty
  // displayName equals 'John' OR 'Doe'

  // if lastName and firstName are not empty
  // a space is inserted between the names
  displayName = (!lastName || !firstName) ? firstName + lastName : firstName + ' ' + lastName;

  // if display name is undefined, false, null or empty => fallback to 'Unnamed'
  displayName = displayName || 'Unnamed';

  console.log(displayName);

Ternärer Operator

Answer 3

Es heißt die ternary operator . Weitere Informationen finden Sie in einer anderen Frage, die ich zu diesem Thema beantwortet habe:

Wie schreibt man eine IF else-Anweisung ohne 'else'?

Answer 4

 (sunday == 'True') ? sun="<span class='label label-success'>S</span>" : sun="<span class='label label-danger'>S</span>";

 sun = "<span class='label " + ((sunday === 'True' ? 'label-success' : 'label-danger') + "'>S</span>"