Les Opérateurs en JavaScript

Introduction aux Opérateurs

Les opérateurs constituent un élément essentiel du langage JavaScript. Ce sont des symboles ou des combinaisons de symboles qui réalisent des actions spécifiques sur des valeurs ou des variables.

L'Opérateur d'Affectation

L'opérateur d'affectation, symbolisé par le signe égal (=), permet d'assigner une valeur à une variable.

let x = 42;

Dans cet extrait, la variable x est initialisée avec la valeur numérique 42.

Les Opérateurs Arithmétiques

Utilisés pour effectuer des calculs arithmétiques sur des valeurs numériques, voici les principaux opérateurs arithmétiques :

  • + : Additionne deux valeurs, ou concatène des chaînes de caractères.
  • - : Soustrait une valeur d'une autre.
  • * : Multiplie deux valeurs.
  • / : Divise une valeur par une autre.
  • % : Calcule le reste d'une division (modulo).
  • ** : Effectue l'exponentiation (disponible depuis ES2016).
  • ++ : Incrémente une valeur de 1.
  • -- : Décrémente une valeur de 1.

Voici un exemple d'utilisation de ces opérateurs :

let sum = 5 + 5;
let difference = 10 - 5;
let product = 5 * 10;
let quotient = 10 / 5;
let remainder = 10 % 5;

Autres Opérateurs d'Affectation

Ces opérateurs assignent une nouvelle valeur à une variable en fonction de sa valeur actuelle :

  • += : Additionne et assigne une nouvelle valeur.
  • -= : Soustrait et assigne une nouvelle valeur.
  • *= : Multiplie et assigne une nouvelle valeur.
  • /= : Divise et assigne une nouvelle valeur.
  • %= : Assigne le reste d'une division.
  • **= : Assigne la valeur exponentielle.

Exemple d'utilisation :

let number = 100;
number += 10; // ajoute 10 à number
console.log(number); // Affiche: 110

Les Opérateurs de Comparaison

Ces opérateurs comparent des valeurs et retournent un booléen (true ou false). Voici les principaux :

  • == : Vérifie si deux valeurs sont égales (sans tenir compte du type).
  • === : Vérifie si deux valeurs sont identiques (en tenant compte du type).
  • != : Vérifie si deux valeurs ne sont pas égales.
  • !== : Vérifie si deux valeurs sont différentes (y compris le type).
  • > : Vérifie si la première valeur est supérieure à la seconde.
  • < : Vérifie si la première valeur est inférieure à la seconde.
  • >= : Vérifie si la première valeur est supérieure ou égale à la seconde.
  • <= : Vérifie si la première valeur est inférieure ou égale à la seconde.

Exemple :

let tenString = '10';
let numberTen = 10;
console.log(tenString == numberTen); // Affiche : true
console.log(tenString === numberTen); // Affiche : false

Les Opérateurs Logiques

Utilisés pour combiner plusieurs expressions booléennes :

  • && (ET) : Retourne true si toutes les conditions sont vraies.
  • || (OU) : Retourne true si au moins une condition est vraie.
  • ! (NON) : Inverse la valeur booléenne d'une condition.

Voici un exemple d'utilisation :

const walksLikeADuck = true;
const talksLikeADuck = true;
const isDuck = walksLikeADuck && talksLikeADuck;
console.log(isDuck); // Affiche : true

L'Opérateur Unaire

Un opérateur unaire est appliqué à une seule valeur. Par exemple, typeof est un opérateur qui renvoie le type d'une variable :

console.log(typeof 'foo'); // Affiche : string

L'Opérateur Conditionnel (Ternary)

Cet opérateur utilise ? et : pour assigner une valeur en fonction d'une condition :

variable = condition ? valeurSiVrai : valeurSiFaux;

Exemple :

let isValid = true;
let message = isValid ? 'Validé' : 'Non Validé';
console.log(message); // Affiche : Validé