L'opérateur ternaire en Javascript

L'opérateur ternaire permet de gagner du temps en écrivant moins de code pour faire des tests simples basée sur une simple condition if/else lors d'une affectation.

Voici un petit exemple :

if( localStorage['langue'] != undefined ){
	var langue = localStorage['langue'];
} else {
	var langue = 'FR';
}

Et bien ces 5 lignes de codes peuvent être remplacées par une seule ligne de code grâce à l'opérateur ternaire :

var langue = localStorage['langue'] != undefined ? localStorage['langue'] : 'FR';

Mode d'emploi

L'opérateur ternaire fonctionne avec 3 opérandes :

• Le premier opérande est la condition. Cela peut être soit une variable soit une expression ou une fonction
• Le second opérande est la valeur retournée par l'opérateur si la condition est vraie
• Le troisième opérande est la valeur retournée par l'opérateur si la condition est fausse

On utilise les caractères ? et : pour séparer les 3 opérandes : condition ? siVrai : siFaux. C'est la même syntaxe que l'opérateur ternaire en PHP.

Après avoir lu toujours afficher la première ligne excel vous en saurez d'avantage sur ce sujet.

Opérateur ||

Javascript permet d'utiliser une syntaxe encore plus courte que l'opérateur ternaire, mais qui fait la même chose (choisir entre 2 valeurs en fonction d'une condition) :

var langue = localStorage['langue'] || 'FR';

Avec cette syntaxe, la condition est prédéfinie, elle retourne le premier opérande si celui-ci est défini et non vide, sinon elle retourne le second.

Fini de lire cette page ? allez faire un tour ici : créer un menu en sprites css., ça peut vous intéresser.