Maison >interface Web >js tutoriel >Demystifier les opérateurs JavaScript: que signifie ce symbole?

Demystifier les opérateurs JavaScript: que signifie ce symbole?

Joseph Gordon-Levitt
Joseph Gordon-Levittoriginal
2025-02-09 08:23:081008parcourir

Demystifying JavaScript Operators: What Does That Symbol Mean?

Cet article fournit un guide complet des opérateurs JavaScript, classé pour plus de clarté et une compréhension améliorée. Nous explorerons leurs fonctions et illustrerons leur utilisation avec des exemples pratiques.

Concepts clés:

  • Opérateurs: Symboles spéciaux effectuant des opérations sur les variables et les valeurs, essentiels pour les calculs et la manipulation des données.
  • Operands: les valeurs ou variables sur lesquelles les opérateurs agissent.
  • coercition: Conversion de type implicite entre les types de données (par exemple, le nombre en chaîne).
  • nan: "Pas un nombre", représentant une valeur numérique non valide.
  • vérité / falsie: valeurs évaluant à vrai ou fausse dans un contexte booléen.

1. Opérateurs arithmétiques: Ceux-ci effectuent des opérations mathématiques standard.

  • ajout (): Ajoute des nombres ou des chaînes de concaténées. 'Hello' ' World!' entraîne 'Hello World!'. Notez le comportement avec les objets: 1 {a:1} donne '1[object Object]'.
  • soustraction (-): soustrait les nombres. 10 - 5 est égal à 5.
  • * Multiplication (): * Multiplie les nombres. `5 2 equals 10`.
  • Division (/): Divise les nombres. 10 / 2 est égal à 5. La division de zéro résulte Infinity. La division Bigint tronque le résultat.
  • Module (%): Renvoie le reste d'une division. 10 % 3 est égal à 1.
  • incrément (): augmente la valeur d'une variable de 1 (préfixe x incréments avant utilisation, postfix x incréments après).
  • décrément (-): diminue la valeur d'une variable de 1 (préfixe --x, post-fixe x--).
  • Négation unary (-): Modifie le signe d'un nombre. -5 nie 5.
  • unary plus (): convertit explicitement une valeur en nombre. '10' devient 10.
  • Exponentiation (): augmente un nombre à un pouvoir. `2 3 equals 8`.

2. Opérateurs d'affectation: Attribuer des valeurs aux variables, combinant souvent des opérations avec l'attribution.

  • Affectation (=): Affectation de base. x = 5;
  • affectation d'addition (=): x = 3; (équivalent à x = x 3;)
  • Affectation de soustraction (- =): x -= 2;
  • * Affectation de multiplication ( =): * `x = 4;`
  • Affectation de division (/ =): x /= 2;
  • Affectation du module (% =): x %= 3;
  • Affectation d'exponentiation ( =): `x = 2;`
  • (opérateurs d'affectation bit &= |= ^= 3. Opérateurs de comparaison: <<= Comparez les valeurs, renvoyant un résultat booléen. >>= >>>=
Égalité (==):

Égalité lâche (effectue la coercition de type). est .

  • inégalité (! =): inégalité lâche. est 1 == '1'. true
  • Égalité stricte (===): Égalité stricte (pas de coercition de type). est 1 != '2'. true
  • Inégalité stricte (! ==): Inégalité stricte. est 1 === '1'. false
  • supérieur à (& gt;): est 1 !== '1'. true
  • moins que (& lt;): est 5 > 2. true
  • supérieur ou égal à (& gt; =): est 2 < 5. true
  • inférieur ou égal à (& lt; =): est 5 >= 5. true
  • 4. Opérateurs logiques: combiner ou modifier les expressions booléennes. 2 <= 5 true
Logical et (&&):

Renvoie la première valeur de fausse valeur ou la dernière valeur de vérité. est .

est
    .
  • logique ou (||): true && false Renvoie la première valeur de vérité ou la dernière valeur de fausseté. false est 'a' && 'b'. 'b' est
  • .
  • Logical Not (!): false || true Inverse une valeur booléenne. true est '' || 'a'. 'a'
  • Nullish Coalescing (??): ne renvoie l'opérande droit que si l'opérande gauche est ou !true. false est
  • .
  • est . null undefined null ?? 'default' 5. Opérateurs bit
    • bitwise et (&): 5 & 3 (binaire 101 & 011) est égal à 1 (binaire 001).
    • bitwise ou (|): 5 | 3 (binaire 101 | 011) est égal à 7 (binaire 111).
    • xor bitwise (^): 5 ^ 3 (binaire 101 ^ 011) est égal à 6 (binaire 110).
    • Bitwise Not (~): inverse les bits. ~5 (binaire ~101) est égal à -6.
    • Left Shift (& lt; & lt;): déplace les bits vers la gauche.
    • DROIT SHIFT (& gt; & gt;): déplace les bits vers la droite.
    • SHIFT DROIT UNSIGNÉ (& gt; & gt; & gt;): déplace des bits vers la droite, remplissant de zéros.

    6. Autres opérateurs:

    • Opérateur conditionnel (ternaire) (? :): Expressions conditionnelles concises. age > 18 ? 'Adult' : 'Minor';
    • Spread Operator (...): élargit les objets itérables. [...array] crée une copie.
    • opérateur de virgule (,): évalue plusieurs expressions séquentiellement.
    • Opérateur de chaînage facultatif (?.) : accède aux propriétés d'objet imbriquées en toute sécurité. obj?.prop?.subprop
    • Opérateur de pipeline (| & gt;): (proposition de l'étape 2) améliore la lisibilité des appels de fonction chaînés.

    Précédence de l'opérateur: JavaScript suit des règles spécifiques pour l'ordre des opérations. Parenthèses () peut remplacer la priorité.

    Cette explication détaillée fournit une base solide pour comprendre et utiliser efficacement les opérateurs JavaScript dans vos efforts de programmation. N'oubliez pas de consulter les documents Web MDN pour les informations les plus à jour et les plus complètes.

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn