Opérateur ternaire abrégé JavaScript

Question

Je sais qu'en PHP 5.3 au lieu d'utiliser cette syntaxe redondante avec l'opérateur ternaire :

startingNum = startingNum ? startingNum : 1

...nous pouvons utiliser une syntaxe abrégée pour nos opérateurs ternaires, si elle s'applique :

startingNum = startingNum ?: 1

Et je connais l'opérateur ternaire en JavaScript :

startingNum = startingNum ? startingNum : 1

...mais y a-t-il une abréviation ?

Answer 1

startingNum = startingNum || 1

Si vous avez une condition avec null, comme

startingNum = startingNum ? startingNum : null

vous pouvez utiliser '&&'

startingNum = startingNum && startingNum

Answer 2

Pour faire une opération ternaire comme:

condition_booléenne ? résultat_vrai : résultat_faux

en javascript, vous pouvez faire:

(condition_booléenne && résultat_vrai) || résultat_faux;

Exemple:

(true && 'vert') || 'rouge';
=> "vert"
(false && 'vert') || 'rouge';
=> "rouge"

Answer 3

var startingNum = startingNum || 1;

Dans ce cas, vous pouvez utiliser l'opérateur OU.

Answer 4

Les réponses ci-dessus sont correctes. En JavaScript, l'instruction suivante :

startingNum = startingNum ? otherNum : 1

peut être exprimée comme

startingNum = otherNum || 1

Un autre scénario non abordé ici est si vous voulez que la valeur retourne faux lorsqu'elle n'est pas correspondante. L'abréviation JavaScript pour cela est :

startingNum = startingNum ? otherNum : 0

Mais cela peut être exprimé comme

startingNum = startingNum && otherNum

Je voulais simplement couvrir un autre scénario au cas où d'autres chercheraient une réponse plus généralisée.

Answer 5

Vous pouvez utiliser la réponse acceptée, mais ce n'est pas idéal car cela ne fonctionne pas avec les booléens, si vous définissez par défaut à true, cela évaluera toujours à true ->

var undefinedVal: boolean;
var trueVal = true;
var falseVal = false;

Exemple de modèle Angular :

Valeur : {{ undefinedVal || true }} -> true
Valeur : {{ trueVal || true }} -> true
Valeur : {{ falseVal || true }} -> true?

Utilisez donc la méthode longue lorsque vous utilisez des booléens :

Valeur : {{ (val != null) ? val : true }}

Remarque également pour TypeScript et C# (je crois), lors de l'utilisation d'un opérateur ternaire avec une concaténation de chaînes, cela doit être entre parenthèses ->

console.log("Value :" + ((val != null) ? val : true));