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

var startingNumber = startingNumber || 1;

Quelque chose comme ça que vous recherchez, où cela est par défaut si non défini?

var foo = bar || 1; // 1
var bar = 2;
foo = bar || 1;     // 2

À propos, cela fonctionne pour de nombreux scénarios, y compris les objets:

var foo = bar || {}; // sécurise un objet est assigné lorsque bar est absent

Answer 2

|| renverra la première valeur truthy qu'elle rencontre, et peut donc être utilisée comme un opérateur de fusion, similaire à celui de C# ??

startingNum = startingNum || 1;

Answer 3

Avec l'ajout de l'ES2020 :

Nouveau avec Nullish Coalescence : const difficulté = var?.nest[i]?.prop ?? false

Ancienne opération : const difficulté = var.nest[i].prop ? var.nest[i].prop : false

Le point d'interrogation avant la propriété vérifiera d'abord si l'objet existe (si vous n'êtes pas sûr : comme dans les données de l'API) et, s'il manque un objet, il renverra undefined

Le ?? vérifie si la valeur à gauche est null ou undefined et, si c'est le cas, renverra une valeur fournie à droite.

Answer 4

Oui, il y a :

var startingNum = startingNum || 1;

En général, expr1 || expr2 fonctionne de la manière suivante (comme mentionné dans la documentation):

Retourne expr1 s'il peut être converti en true; sinon, retourne expr2. Ainsi, lorsqu'utilisé avec des valeurs Boolean, || retourne true si l'un des opérandes est true; si les deux sont false, retourne false.

Answer 5

Dans la plupart des navigateurs modernes, vous pouvez maintenant utiliser :

startingNum ??= 1;

Cela ne changera que si startingNum est null ou undefined.

Voir : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_nullish_assignment