Maitriser JavaScript 3/5 : opérateurs ternaires, méthodes sur les tableaux et propriétés d’objets

JavaScript propose pléthore de techniques abrégées pour un code concis et élégant sans compromettre les fonctionnalités. Dans cet article, nous explorons certaines de ces techniques et leurs moyens d’améliorer notre code JavaScript.

Opérateurs ternaires

Les opérateurs ternaires sont une manière concise de gérer les expressions conditionnelles et d’attribuer des valeurs en fonction d’une condition, rendant votre code plus compact.

L’exemple ci-dessous illustre l’utilisation d’un opérateur ternaire pour déterminer si une personne a le droit de voter en fonction de son âge :

const age = 18;
const canVote = age >= 18 ? "Peut voter" : "Ne peut pas voter";
console.log(canVote); // Affiche "Peut voter"

Multiples opérateurs ternaires

Vous pouvez chaîner plusieurs opérateurs ternaires pour des déclarations conditionnelles concises basées sur de multiples conditions.
Voici un exemple où nous déterminons le niveau de performance d’un étudiant en fonction de ses notes :

const score = 85;
const performance = score >= 90 ? "Excellent" : score >= 70 ? "Bien" : "À améliorer";
console.log(performance); // Affiche "Bien"

Opérateur d’exponentiation

L’opérateur d’exponentiation (**) élève l’opérande de gauche à la puissance de l’opérande de droite.
Un exemple simple de l’utilisation de l’opérateur d’exponentiation :

const base = 2;
const exponent = 3;
const result = base ** exponent; // 2^3 = 8
console.log(result); // Affiche 8

Méthodes sur les tableaux

ES6 a introduit une grande variété de méthodes pour les tableaux. Celles-ci offrent des alternatives concises pour les opérations courantes.
Voici comment utiliser la méthode map() pour doubler chaque élément d’un tableau :

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // Affiche [2, 4, 6, 8, 10]

Propriété d’objet

Lors de la création d’objets, utilisez la notation abrégée pour simplifier les affectations lorsque le nom de la variable et le nom de la propriété sont identiques.
Voici un exemple d’utilisation de la notation abrégée pour définir des propriétés d’objet :

const name = "Alice";
const age = 30;
const person = { name, age };
console.log(person); // Affiche { name: "Alice", age: 30 }

Les techniques abrégées en JavaScript sont une bénédiction pour les développeurs. Celles-ci contribuent à un code propre et concis tout en maintenant la lisibilité et l’efficacité de ce code. Embrassez ces techniques abrégées et vous créerez en un rien de temps du code JavaScript plus élégant et efficace.

Pour plus d’informations sur les manières d’améliorer votre code JavaScript, consultez notre article précédent : astuces pour un code svelte et structuré, ou la suite de cette formation en 5 parties : destructuration de tableaux et d’objets, et speed operator.

Bonne programmation !