Comprendre les opérateurs JavaScript : de l'arithmétique au ternaire-js tutoriel-php.cn

Une exploration approfondie des opérateurs JavaScript : des opérateurs arithmétiques aux opérateurs ternaires Cet article examinera en profondeur les opérateurs JavaScript. Les opérateurs JavaScript incluent : <ol> <li>Opérateurs arithmétiques : <code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code> </li> <li> Opérateur de négation : <code>-</code> (signe négatif unaire), <code>!</code> (non logique) </li> <li>Opérateurs de comparaison : <code>></code>, <code><</code>, <code>>=</code>, <code><=</code>, <code>==</code>, <code>!=</code>, <code>===</code>, <code>!==</code></li> <li> Opérateurs logiques : <code>&&</code> (ET), <code>||</code> (OU), <code>!</code> (non) </li> <li>Opérateur de coalescence de valeur nulle : <code>??</code></li> <li>Opérateur ternaire : <code>? :</code></li> </ol> Valeurs vraies et fausses : Fausses valeurs : 0, "" (chaîne vide), <code>false</code>, <code>null</code>, <code>undefined</code> et <code>NaN</code> Vraie valeur : toutes les autres valeurs Opérations : La valeur ou la variable sur laquelle l'opérateur agit. Par exemple, dans l'expression <code>5 2</code>, les nombres 5 et 2 sont les opérandes. Opérateur unaire : Lorsque l’opérateur agit sur un seul opérande, on parle d’opérateur unaire. Par exemple : <code> 5</code>, <code>-x</code> (annule x) ou <code>typeof "123"</code>. Opérateur binaire : Lorsque l’opérateur agit sur deux opérandes, on parle d’opérateur binaire. Par exemple : <code>5 2</code>, <code>x * y</code>. Opérateurs arithmétiques : <code> </code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>**</code> JavaScript convertira implicitement les types pendant les opérations. Par exemple : <code>5 - "3"</code> Le résultat est l'entier 2 ("3" est converti en entier 3 pour la soustraction) <code>10 % "3"</code>Le résultat est un entier 1 <code> </code> Comportement particulier de l'opérateur : Pour les chaînes, l'opérateur <code> </code> les concatènera. Par exemple : <code>let value = "hello" "world" "!";</code> // "bonjour le monde !" Ce comportement est différent des autres opérateurs arithmétiques. Si l’un ou l’autre des opérandes est de type chaîne, l’opérateur <code> </code> concatène les opérandes. Par exemple : <code>"10" 4</code> Le résultat est la chaîne "104". <code>1 1 "5"</code> Le résultat est la chaîne "25" (comptée de gauche à droite). Un dollar <code> </code> : L'opérateur unaire <code> </code> convertit les non-nombres en nombres. C'est l'abréviation de <code>Number()</code>. Par exemple : <code> "123"</code> // 123 <code> true</code> // 1 <code> ""</code> // 0 Opérateur de négation : L'opérateur unaire <code>-</code> annule un nombre ou une variable, inversant ainsi son signe. Par exemple : <code>let x = 3;</code> <code>console.log(-x);</code> // -3 Opérateur de comparaison :Les opérateurs de comparaison comparent les nombres, tout comme nous le savons en mathématiques. Pour les chaînes, JavaScript compare en fonction de l'ordre alphabétique ou lexical. Vous pouvez vous référer à la table d'encodage des caractères (ASCII ou Unicode). Lors de la comparaison, JavaScript convertit la valeur en nombre si nécessaire. Par exemple : <code>"2" > 1</code> // vrai JavaScript a certaines fonctionnalités dans son comportement de comparaison : <code>null == undefined</code> // vrai <code>null === undefined</code> // faux <code>NaN == NaN</code> // false (NaN est défini comme "n'est égal à aucune valeur, y compris elle-même") Opérateurs logiques : <code>&&</code> (avec) L'opérateur <code>&&</code> renvoie <code>true</code> uniquement si les deux opérandes sont vrais. <code>true && true</code> // vrai <code>true && false</code> // faux <code>false && true</code> // faux <code>false && false</code> // faux JavaScript calcule les valeurs de gauche à droite. Si l'opérande de gauche est vrai, l'évaluation de l'opérande de droite continue et la valeur r est renvoyée. <code>1 && 2</code> // 2 <code>1 && true && 3</code> // 3 Si une fausse valeur est rencontrée, arrêtez et renvoyez une fausse valeur. <code>1 && null</code> // nul <code>1 && 2 && undefined</code> // non défini Si tous les opérandes sont vrais, renvoie la dernière valeur. <code>1 && 2 && 3</code> // 3 <code>||</code> (ou) L'opérateur <code>||</code> renvoie <code>true</code> si l'un ou l'autre des opérandes est vrai. <code>true || true</code> // vrai <code>true || false</code> // vrai <code>false || true</code> // vrai <code>false || false</code> // faux JavaScript calcule les valeurs de gauche à droite. Il renvoie la première vraie valeur rencontrée. <code>null || 1</code> // 1 <code>undefined || 0 || 2 || 5</code> // 2 Si aucun opérande n'est vrai, la dernière valeur est renvoyée. <code>null || undefined || 0</code> // 0 <code>!</code> (non) L'opérateur <code>!</code> inverse la valeur booléenne de l'opérande. Il convertit l'opérande en une valeur booléenne (<code>true</code> ou <code>false</code>) et renvoie la valeur opposée. <code>!true</code> // faux <code>!0</code> // vrai <code>if (!true) {</code> <code>console.log("This won't run.");</code> <code>}</code> Opérateur de coalescence de valeur nulle : <code>??</code> L'opérateur de coalescence nul <code>??</code> est un opérateur plus récent (ES2020). Cela aide à gérer les situations où vous devez vérifier si une valeur est <code>null</code> ou <code>undefined</code> et renvoyer la valeur par défaut. Syntaxe : <code>let value = a ?? b;</code> Si <code>a</code> n'est ni <code>null</code> ni <code>undefined</code>, retournez <code>a</code>. Si <code>a</code> est <code>null</code> ou <code>undefined</code>, alors <code>b</code> est renvoyé. Cet opérateur est utile car il gère spécifiquement <code>null</code> ou <code>undefined</code> et n'est pas affecté par les fausses valeurs telles que <code>0</code>, <code>""</code> ou <code>false</code>, alors que l'opérateur <code>||</code> (ou) Les traite comme faux et les remplace par la deuxième valeur. <code>let height = 0;</code> <code>alert(height || 100); // 100 (因为 0 是假值)</code> <code>alert(height ?? 100); // 0 (因为 0 不是 null 或 undefined)</code> <code>||</code> Renvoie la première vraie valeur <code>??</code> Renvoie la première valeur définie Opérateur ternaire : <code>? :</code> Syntaxe : <code>let result = condition ? value1 : value2;</code> La condition est évaluée. Si vrai, renvoie <code>value1</code> ; sinon, renvoie <code>value2</code>. L'opérateur ternaire est concis et clair, et est généralement utilisé pour une simple affectation conditionnelle. Par exemple : <code>const className = isActive ? "red" : "blue";</code> Cependant, il n'est pas recommandé d'utiliser l'opérateur ternaire pour exécuter différents blocs de code (comme les instructions <code>if</code>). Cela se traduit par un code moins lisible. Les opérateurs <code>||</code> et <code>??</code> semblent parfois produire des résultats similaires, mais ils ne peuvent pas être utilisés de manière interchangeable. L'opérateur <code>&&</code> renvoie la première valeur fausse qu'il rencontre, tandis que l'opérateur <code>??</code> renvoie la deuxième valeur uniquement si la première valeur est <code>null</code> ou <code>undefined</code>. En fonction du comportement que vous souhaitez obtenir, il est important de réfléchir soigneusement à l'opérateur à utiliser. <img src="https://img.php.cn/upload/article/000/000/000/173777947349716.jpg" alt="Understanding JavaScript Operators: From Arithmetic to Ternary"> </li> </ol>

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!