Wersja angielska:https://www.javascripttutorial.net/javascript-ternary-operator/

Operator trójargumentowy

teste ? true : false

var x = 8
var varNum = x % 2 == 0 ? 'Par' : 'Impar'
RESULTADO
varNum recebe o valor 'Par'

W tym przykładzie możesz użyć operatora trójargumentowego jako skrótu dla instrukcji if elsew następujący sposób:

Kod wygląda dużo bardziej przejrzyście.

Typowa składnia operatora trójargumentowego wygląda następująco:

Operator trójargumentowy JavaScript jest jedynym operatorem przyjmującym trzy operandy.

Operand conditionjest wyrażeniem, którego wartością jest wartość logiczna truelub false. Jeżeli warunek jest spełniony, operator trójargumentowy zwraca operand expression_1, w przeciwnym razie zwraca expression_2.

Operandy expression_1i expression_2są wyrażeniami dowolnego typu.

Przykłady operatorów trójargumentowych JavaScript

Początkowa definicja parametrów

Jednym z typowych zastosowań operatora trójargumentowego w ES5 jest definiowanie domyślnych parametrów funkcji, na przykład:

W tym przykładzie, jeżeli nie przekażesz parametru bar, jego wartość początkowa zostanie ustawiona na 10. W przeciwnym wypadku parametr barużywa wartości przekazanej w wywołaniu funkcji, w tym przypadku było to 20.

Należy pamiętać, że ES6 wprowadził nowy sposób definiowania parametru początkowego dla funkcji .

Wykonaj wiele operacji

W każdym przypadku operatora trójargumentowego możliwe jest wykonanie wielu operacji, każdą operację oddziela się przecinkiem. Zobacz poniższy przykład:

W tym przykładzie wartość zwrócona przez operator trójargumentowy jest ostatnią wartością na liście wartości rozdzielonych przecinkami.

Uprość operator trójargumentowy

Zobacz poniższy przykład:

W tym przypadku można uprościć zadanie, stosując wyrażenie Boole'a w następujący sposób:

Użyj wielu operatorów trójargumentowych JavaScript

Poniższy przykład pokazuje, jak używać dwóch operatorów trójargumentowych w tym samym wyrażeniu:

Dobrą praktyką jest stosowanie operatora trójargumentowego, aby kod był łatwiejszy do odczytania. Jeśli logika zawiera wiele instrukcji if else, nie zaleca się stosowania operatorów trójkowych.

W tym samouczku nauczyłeś się, jak używać operatora trójargumentowego JavaScript, używając go jako skróconej formy polecenia, if elsedzięki czemu Twój kod będzie czystszy.

Zobacz indeks wszystkich samouczków JavaScript

Samouczki JavaScript