En utilisant ce site, vous acceptez la Politique de confidentialité et les Conditions Générales de Vente.
Accepter
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
  • News
  • Catégories
    • Actualités Numériques
    • Blockchain
    • Business Intelligence
    • Cybersécurité
    • Data
    • Développement Web
    • Hardware
    • Intelligence Artificielle
    • Mobile
    • Technologie
    • Web Design
    • Web Marketing
  • BBND
  • Qui sommes-nous
  • Initiatives
  • Réalisations
  • Formations
  • Recrutement
  • Contact
En cours de lecture : Maitriser JavaScript 3/5 : opérateurs ternaires, méthodes sur les tableaux et propriétés d’objets
Partager
Notification Voir mes signets
Dernières actualités
Illustration représentant Rclone, un outil de synchronisation cloud en ligne de commande, avec une icône de cloud et flèches de transfert
Rclone : Guide complet pour synchroniser, sauvegarder et monter vos fichiers cloud
Technologie
Schéma comparatif entre IPMI, PiKVM et NanoKVM pour le contrôle à distance
IPMI, PiKVM ou NanoKVM : Quelle solution KVM choisir ?
Hardware
Des packages npm malveillants compromettent Cursor, volent des identifiants et cryptomonnaies, et déploient des chevaux de Troie. Détail des campagnes.
Une faille dans Cursor : plus de 3 200 développeurs infectés via des packages npm malveillants
Cybersécurité
Filament v3 laravel
Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?
Développement Web
Illustration d’un cerveau connecté à une intelligence artificielle, symbolisant la recherche contre Alzheimer
L’IA dévoile une cause possible d’Alzheimer et identifie une piste thérapeutique prometteuse
Intelligence Artificielle
Aa
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
Aa
Recherche
  • News
  • Catégories
    • Actualités Numériques
    • Blockchain
    • Business Intelligence
    • Cybersécurité
    • Data
    • Développement Web
    • Hardware
    • Intelligence Artificielle
    • Mobile
    • Technologie
    • Web Design
    • Web Marketing
  • BBND
    • Qui sommes-nous
    • Initiatives
    • Réalisations
    • Formations
    • Recrutement
    • Contact
Suivez-nous
  • Personnaliser mes sujets d’intérêts
  • Mes signets
© 2023 BBND All Rights Reserved.
Le Blog de BBND – Actualités et nouvelles tendances du web > Tous les articles > Développement Web > Maitriser JavaScript 3/5 : opérateurs ternaires, méthodes sur les tableaux et propriétés d’objets
Développement Web

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

Hamza L.
De Hamza L. 15 septembre 2023
Partager
3 min de lecture
logo js avec texte en jaune sur fond noir
Logo Javascript surmonté du texte maîtrisez Javascript 3/5
Partager

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 !

Vous devriez également aimer

Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?

Tailwind CSS v4.0 : La révolution de la productivité Front-End

JavaScript Temporal : La révolution de la gestion des dates enfin arrivée

Pourquoi TypeScript est l’avenir du développement web

VSCode et npm : la menace des extensions frauduleuses

Partager cet article
Facebook Twitter LinkedIn Copier le lien Imprimer
Qu´en avez-vous pensé ?
Ennuyant0
Triste0
Révoltant0
Drôle0
Accablant0
Plaisant0
Malin0
Surprenant0
Waouh0
Article précédent Interface en deux parties. Avec le titre "Gestion du cycle de vie complet d'API" Apache APISIX : La Passerelle API de Nouvelle Génération
Article suivant logo Mozilla répété Mozilla corrige une vulnérabilité zero-day dans Firefox et Thunderbird liée à WebP
Laisser un avis

Laisser un avis Annuler la réponse

Vous devez vous connecter pour publier un commentaire.

Restez connecté

Facebook Like
Twitter Suivre
Instagram Suivre
Youtube S´inscrire
banner banner
Faites confiance à BBND
Développez tous vos projets digitaux grâce à une équipe d'experts
En savoir plus

Dernières actualités

Illustration représentant Rclone, un outil de synchronisation cloud en ligne de commande, avec une icône de cloud et flèches de transfert
Rclone : Guide complet pour synchroniser, sauvegarder et monter vos fichiers cloud
Technologie
Schéma comparatif entre IPMI, PiKVM et NanoKVM pour le contrôle à distance
IPMI, PiKVM ou NanoKVM : Quelle solution KVM choisir ?
Hardware
Des packages npm malveillants compromettent Cursor, volent des identifiants et cryptomonnaies, et déploient des chevaux de Troie. Détail des campagnes.
Une faille dans Cursor : plus de 3 200 développeurs infectés via des packages npm malveillants
Cybersécurité
Filament v3 laravel
Pourquoi Filament V3 change-t-il la donne pour les développeurs Laravel ?
Développement Web
//

Le blog BBND
Actualités et nouvelles tendances du numérique

Catégories news

  • Actualités Numériques
  • Blockchain
  • Business Intelligence
  • Cybersécurité
  • Data
  • Développement Web
  • Intelligence Artificielle
  • Hardware
  • Mobile
  • Technologie
  • Web Design
  • Web Marketing

Notre société

  • Qui sommes-nous
  • Initiatives
  • Réalisations
  • Formations
  • Recrutement
  • Contact

Liens utiles

  • Mentions légales
  • CGV
  • Politique de confidentialité

Nos services

  • Développement web/mobile/desktop
  • SEO
  • Stratégie de communication & Community management
  • Audit d’ergonomie
  • Solutions de cybersécurité
  • Outils de cybersécurité
  • E-droit & E-réputation
  • Innovation de service & Innovation technologique
  • Intelligence Artificielle & Business Intellligence
  • Design graphique
  • Jeux mobile
  • Motion design
  • Impression tout support
Le Blog de BBND – Actualités et nouvelles tendances du webLe Blog de BBND – Actualités et nouvelles tendances du web
Suivez-nous

© 2023 BBND. All Rights Reserved.

Un projet digital ?

Notre équipe d'experts couvre de larges domaines du numérique

Contactez-nous pour nous en faire part !

Supprimé de la liste de lecture

Annuler
Welcome Back!

Sign in to your account

Mot de passe perdu ?