Maison interface Web js tutoriel Décrire brièvement les types d'opérateurs et les règles d'utilisation en JavaScript

Décrire brièvement les types d'opérateurs et les règles d'utilisation en JavaScript

Jul 29, 2017 pm 05:22 PM
javascript js 运算符

Il existe de nombreux opérateurs en JavaScript, principalement divisés en opérateurs arithmétiques, opérateurs d'égalité, opérateurs de comparaison, opérateurs de chaîne, opérateurs logiques, opérateurs d'affectation, etc. Ils ont tous leurs propres règles de fonctionnement, dans cet article je vais les présenter. toi

Il existe de nombreux opérateurs en JavaScript, principalement divisés en opérateurs arithmétiques, opérateurs identiques, opérateurs de comparaison, opérateurs de chaîne, opérateurs logiques, opérateurs d'affectation, etc. Ces opérateurs ont leurs propres règles de fonctionnement. Présentons-nous les opérateurs en JavaScript.

 1. Types d'opérateurs JavaScript

 1. Opérateurs arithmétiques : +, -, *, /, %, -(négation unaire), ++, --

2. Opérateurs d'identité : == , === , !== , !===

3. Opérateurs de comparaison : < , >

4. Opérateurs de chaîne : < , > , <= , >= , = , +

5. Opérateurs logiques : && , ||, !,

6. Opérateurs d'affectation : =, +=, *=, -=, /=

 2. Règles des opérateurs JavaScript

1. Règles des opérateurs arithmétiques

"+" : Vous pouvez effectuer des opérations "d'addition" et de "connexion" ; si l'un des deux opérateurs est une chaîne, JavaScript utilisera l'autre Convertir en chaîne puis concaténer les 2 opérandes.

 « + » : Si un opérande est un objet, JavaScript convertira l'objet en un nombre pour l'ajout ou une chaîne pour la concaténation

 « - » « * » « / » Si un ; des deux opérandes est un non-nombre, il est converti en nombre pour effectuer l'opération mathématique.

 «/» En JavaScript, puisque tous les nombres sont des nombres à virgule flottante, les résultats de la division sont tous des nombres à virgule flottante, 5 / 2 = 2,5 ; le résultat de la division par 0 est plus ou moins l'infini ; 0 est NaN ;

Opérateur modulo "%" : calcule le modulo du premier opérande au deuxième opérande, c'est-à-dire que lorsque le premier opérande est divisé par le deuxième opérande, le reste est renvoyé. Si l'opérande n'est pas numérique, il est converti en nombre.

« - » négation unaire : annulez l'opérande si l'opérande n'est pas un nombre, convertissez-le en nombre.

« ++ » « -- » Opérateur d'incrémentation/opérateur de décrémentation symbole : L'opérande doit être une variable, un élément d'un groupe d'arborescence ou un attribut d'un objet. Si l'opérande n'est pas un nombre, il est converti en nombre.

Remarque : Si "++" est situé avant l'opérande, incrémentez d'abord l'opérande, puis calculez la valeur après l'incrément de l'opérande.

Si "--" est situé après l'opérande, calculez d'abord la valeur avant que l'opérande ne soit incrémenté, puis incrémentez l'opérande.

 Par exemple : i = 1; //Attribuez la valeur 1 à i

 j = ++i; //Première incrémentation de i à 2, puis assignez 2 à j, i Le la valeur est 2 et la valeur de j est également 2.

i = 1; //Attribuez à i une valeur de 1

j = i++; //Attribuez d'abord i à j, puis incrémentez i à 2. La valeur de i est 2. Le la valeur de j est 1.

L'opérateur de décrémentation "--" est le même que "++".

2. Opérateur d'égalité et opérateur d'identité

(I) « == » « !== » Opérateur d'égalité et opérateur de non-identité :

Comparaison 2 opérandes, retours une valeur non booléenne.

La comparaison de valeurs numériques, de chaînes et de valeurs booléennes utilise toutes des valeurs quantitatives. Deux variables sont égales si et seulement si les valeurs qui y sont stockées sont égales.

Lors de la comparaison d'objets, de tableaux et de fonctions, des références sont utilisées. Deux variables ne sont égales que lorsqu'elles font référence au même objet. Deux tableaux différents sont complètement différents, même s’ils contiennent exactement les mêmes éléments. Pour les variables qui stockent des références à des objets, des tableaux et des fonctions, elles sont égales uniquement lorsqu'elles font référence au même objet, tableau ou fonction.

Attention ! Principes à suivre :

Lorsque les types des deux opérandes sont différents : convertissez-les en même type,

1) Un nombre et un caractère Chaîne, après avoir converti la chaîne en nombre, comparez.

2) vrai est converti en 1 et faux est converti en 0 à des fins de comparaison.

 3) Un objet, un tableau, une fonction et un nombre ou une chaîne. L'objet, le tableau ou la fonction est converti en une valeur de type primitif puis comparé. (Utilisez d'abord valueOf, et si cela ne fonctionne pas, utilisez toString)

4) Les autres types de combinaisons ne sont pas égaux.

Si les deux types d'opérandes sont identiques, ou après conversion vers le même type :

1) Deux chaînes : Si les caractères à la même position sont égaux, les deux chaînes sont identiques .

2) Deux nombres : Si les deux nombres sont identiques, ils sont identiques. Ce n'est pas la même chose si l'un est NaN ou si les deux sont NaN.

3) Si les deux sont vrais, ou si les deux sont faux, cela signifie la même chose.

4) Si deux références font référence au même objet, fonction ou tableau, elles sont égales. Si elles font référence à des objets, fonctions ou tableaux différents, elles ne sont pas identiques, même si ces deux objets, fonctions ou tableaux. Peuvent être convertis en un équivalent exact de la valeur d'origine.

5) 2 valeurs nulles, ou les deux sont indéfinies, alors elles sont égales.

 “!=" opérateur de non-égalité : Le résultat du test de l'opérateur d'égalité est opposé.

(II) « === » « !=== » symboles d'opérateur identique et d'opérateur non identique :

L'opérateur identique suit les règles de comparaison de l'opérateur d'égalité, mais il n'effectue pas de conversion de type sur les opérandes lorsque les types des deux opérandes sont différents, false n'est renvoyé que lorsque les types des deux opérandes sont identiques ; L'opération d'égalité est suivie. Comparez selon les règles de comparaison des symboles.

L'opérateur non identique "!==" a le résultat opposé à celui de l'opérateur identique. Renvoie vrai si les types ou les valeurs des deux opérandes sont différents.

3. Opérateurs de comparaison

Ces opérateurs de comparaison sont utilisés pour comparer des valeurs de différents types, et le résultat renvoie une valeur booléenne. "<" Exécuter sur les nombres. Les opérandes qui ne sont pas des nombres ni des chaînes seront convertis en nombres ou en chaînes.

 1) Si les deux opérandes sont des nombres, ou si les deux peuvent être convertis en nombres, la comparaison sera basée sur la taille des nombres

 2) Si les deux opérandes sont des chaînes, ou ils ; peuvent être convertis en chaînes, et elles seront comparées par ordre alphabétique

 3) Si la chaîne rencontre un nombre, la chaîne sera convertie en nombre pour comparaison.

 4) Si l'opérande ne peut pas être converti en nombre ou en chaîne, le résultat est faux.

4. Opérateurs de chaîne

Il n'y a pas d'opérateurs de chaîne dédiés, mais certains opérateurs se comportent différemment lorsqu'ils rencontrent des opérandes de chaîne.

 (I) « + » connecte deux chaînes ;

 1) Lorsque les deux opérandes sont des chaînes, connectez-les

 2) Lorsque Lorsque l'un d'eux est un nombre, convertir les nombres en chaînes et les concaténer ;

  (II) Les opérateurs de comparaison tels que ">" confirment l'ordre des deux chaînes par comparaison, et la comparaison utilise des caractères. Dans l'ordre, les lettres plus petites précèdent les lettres plus grandes. , et les lettres majuscules précèdent les lettres minuscules.

(III) La fonction de "+" dépend de l'ordre de calcul,

Par exemple : s = 1 + 2 + "var" alors : le résultat 3var est renvoyé car 1+ ; 2 est calculé en premier, Puis convertissez le résultat 3 en chaîne et connectez-le avec "var"

Par exemple : s = "var" + 1 + 2 Ensuite : renvoie le résultat var12 ; var et 1 sont calculés en premier, puis le résultat var1 Concaténer avec 2 est converti en chaîne.

5. Les opérateurs logiques

sont utilisés pour effectuer des opérations booléennes et sont souvent utilisés avec des opérateurs de comparaison pour exprimer des opérations de comparaison complexes.

  Opération ET logique « && », opérateur OU logique « || », opérateur NON logique « ! »

(I) « && » lorsque les deux opérandes sont des valeurs booléennes Quand, le ET logique une opération est effectuée sur eux, c'est-à-dire : si et seulement si les deux valeurs booléennes sont vraies, le résultat est vrai, sinon il est renvoyé faux.

Remarque : performances réelles

"&&" détectera la valeur booléenne du premier opérande d'expression. Si la première expression d'opérande renvoie false, le premier opérande de gauche sera renvoyé. de l'expression : false ; sinon, la deuxième expression de l'opérande à droite continuera à être détectée, puis la valeur de la deuxième expression de l'opérande sera renvoyée

Par exemple : if (a = b) stop ; ( ); Équivalent à (a = b) && stop();

Cette méthode est obsolète car l'exécution du code sur le côté droit de l'opérateur n'est pas garantie,

Par exemple. : if (( a < b) && (b++ <10) ) stop(); Si l'incrément sur le côté droit de l'opérateur est nécessaire, il peut ne pas être exécuté en raison de la valeur de retour précédente. Il est généralement opposé. à l'utiliser sur le côté droit de && car il a d'autres effets (affectations, appels de fonction, incréments et décréments) ;

Il sera plus simple et plus sûr de considérer "&&" comme un opérateur d'algèbre booléenne.

 (II) "||" Lorsque les deux opérandes sont des valeurs booléennes, le OU logique effectue une opération OU sur eux, c'est-à-dire : lorsque l'une des deux valeurs booléennes est vraie, le résultat est vrai. sinon, retourne faux.

Remarque : performances réelles

"||" détectera la valeur booléenne du premier opérande d'expression. Si la première expression d'opérande renvoie vrai, la première opération à gauche sera renvoyée. valeur de l'expression numérique : true ; sinon, la deuxième expression de l'opérande à droite continuera à être détectée, puis la valeur de la deuxième expression de l'opérande sera renvoyée

Cette méthode est également obsolète car l'opération ; L'exécution du code sur le côté droit du symbole n'est pas garantie

Il est généralement opposé à l'utilisation d'expressions avec d'autres fonctions (affectations, appels de fonction, incréments et décréments) sur le côté droit de ||;

Remplacer "| |" est considéré comme un opérateur d'algèbre booléenne, ce qui est plus simple et plus sûr.

(III) "!" La négation logique est un opérateur unaire, placé avant l'opérande, et son but est de nier l'opérande.

6. Opérateur d'affectation

(I) "=" est l'opérateur d'affectation ; il s'attend toujours à ce que l'opérande de gauche soit une variable, un élément d'un tableau ou un attribut de un objet ;

Attendez-vous à ce que le membre de droite soit une valeur arbitraire de n'importe quel type

De l'associativité de droite à gauche, s'il y a plusieurs opérateurs d'affectation dans une expression, le calcul commence à partir du celui le plus à droite.

Remarque : Chaque expression d'affectation a une valeur, qui est la valeur à droite de l'opérateur

(II) Vous pouvez utiliser l'opération d'affectation avec l'opération

« +=" pour ajouter la valeur de gauche Après la valeur de droite, affectez-la à la valeur de gauche. "-=" "/=" "*=" a la même méthode ;

7. Autres opérateurs

"?:" L'opérateur conditionnel est le seul opérateur ternaire
Le résultat booléen d'une expression ? Expression 1 (n'importe quelle valeur de n'importe quel type) : Expression 2 (n'importe quelle valeur de n'importe quel type)

Basé sur le résultat booléen du premier opérande, Si c'est vrai, le la deuxième expression d'opérande est exécutée et la valeur de la deuxième expression d'opérande est renvoyée ; si le résultat booléen du premier opérande est faux, la troisième expression d'opérande est exécutée et la valeur de l'expression du deuxième opérande est renvoyée. expression.

 
3. Notes sur les opérateurs JavaScript
 1. Faites attention au type de données transmis à l'opérateur et au type de données renvoyé. Différents opérateurs l'attendent. Une expression d'opérande est évaluée ! à un résultat conforme à un type de données.

Par exemple : la multiplication de chaîne ne peut pas être effectuée, "a" * "b" est illégal, mais lorsque cela est possible, JavaScript convertira l'expression dans le type correct, donc l'expression "3" * "5" est légal. JavaScript convertit la chaîne en nombre et effectue l'opération. Le résultat est le nombre 15, pas la chaîne "15".

2. + a des performances différentes selon les opérandes :

Chaîne + chaîne = chaîne (connectée) ; "a" + "b" = "ab" "5" + "6" = "11"

  Chaîne + nombre = (chaîne convertie en nombre) chaîne (concaténée); "a" + 5 = "a5" 5 est converti en chaîne de caractères "1" + 0 = "10"

 Nombre + Nombre = Nombre (Ajouter) 5 + 5 = 10.

3. Faites attention à l'associativité des opérateurs Certains opérateurs sont associatifs de gauche à droite ;

 Par exemple : w = a + b + c est équivalent à w = (a + b) + c

 w = ---b est équivalent à w = - ( - ( -b ) ); w = a = b = c est équivalent à w= ( a = ( b = c ))

L'associativité des opérateurs unaires, des opérateurs d'affectation et des opérateurs ternaires s'effectue de droite à gauche ;

C'est tout pour présenter les opérateurs JavaScript ici. J'espère que cela vous sera utile dans votre vie quotidienne.

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Recommandé : Excellent projet de détection et de reconnaissance des visages open source JS Apr 03, 2024 am 11:55 AM

La technologie de détection et de reconnaissance des visages est déjà une technologie relativement mature et largement utilisée. Actuellement, le langage d'application Internet le plus utilisé est JS. La mise en œuvre de la détection et de la reconnaissance faciale sur le front-end Web présente des avantages et des inconvénients par rapport à la reconnaissance faciale back-end. Les avantages incluent la réduction de l'interaction réseau et de la reconnaissance en temps réel, ce qui réduit considérablement le temps d'attente des utilisateurs et améliore l'expérience utilisateur. Les inconvénients sont les suivants : il est limité par la taille du modèle et la précision est également limitée ; Comment utiliser js pour implémenter la détection de visage sur le web ? Afin de mettre en œuvre la reconnaissance faciale sur le Web, vous devez être familier avec les langages et technologies de programmation associés, tels que JavaScript, HTML, CSS, WebRTC, etc. Dans le même temps, vous devez également maîtriser les technologies pertinentes de vision par ordinateur et d’intelligence artificielle. Il convient de noter qu'en raison de la conception du côté Web

Analyse de la signification et de l'utilisation de l'opérateur += en langage C Analyse de la signification et de l'utilisation de l'opérateur += en langage C Apr 03, 2024 pm 02:27 PM

L'opérateur += est utilisé pour ajouter la valeur de l'opérande de gauche à la valeur de l'opérande de droite et attribuer le résultat à l'opérande de gauche. Il convient aux types numériques et l'opérande de gauche doit être accessible en écriture.

Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières Conseils de développement PHP et JS : maîtrisez la méthode de création de graphiques en bougies boursières Dec 18, 2023 pm 03:39 PM

Avec le développement rapide de la finance sur Internet, l'investissement en actions est devenu le choix de plus en plus de personnes. Dans le trading d'actions, les graphiques en bougies sont une méthode d'analyse technique couramment utilisée. Ils peuvent montrer l'évolution des cours des actions et aider les investisseurs à prendre des décisions plus précises. Cet article présentera les compétences de développement de PHP et JS, amènera les lecteurs à comprendre comment dessiner des graphiques en bougies boursières et fournira des exemples de code spécifiques. 1. Comprendre les graphiques en bougies boursières Avant de présenter comment dessiner des graphiques en bougies boursières, nous devons d'abord comprendre ce qu'est un graphique en bougies. Les graphiques en chandeliers ont été développés par les Japonais

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

Carte mentale de la syntaxe Python : compréhension approfondie de la structure du code Carte mentale de la syntaxe Python : compréhension approfondie de la structure du code Feb 21, 2024 am 09:00 AM

Python est largement utilisé dans un large éventail de domaines grâce à sa syntaxe simple et facile à lire. Il est crucial de maîtriser la structure de base de la syntaxe Python, à la fois pour améliorer l’efficacité de la programmation et pour acquérir une compréhension approfondie du fonctionnement du code. À cette fin, cet article fournit une carte mentale complète détaillant divers aspects de la syntaxe Python. Variables et types de données Les variables sont des conteneurs utilisés pour stocker des données en Python. La carte mentale affiche les types de données Python courants, notamment les entiers, les nombres à virgule flottante, les chaînes, les valeurs booléennes et les listes. Chaque type de données a ses propres caractéristiques et méthodes de fonctionnement. Opérateurs Les opérateurs sont utilisés pour effectuer diverses opérations sur les types de données. La carte mentale couvre les différents types d'opérateurs en Python, tels que les opérateurs arithmétiques, ratio

La relation entre js et vue La relation entre js et vue Mar 11, 2024 pm 05:21 PM

La relation entre js et vue : 1. JS comme pierre angulaire du développement Web ; 2. L'essor de Vue.js en tant que framework front-end ; 3. La relation complémentaire entre JS et Vue ; Vue.

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

Opérateurs Python : le guide ultime du débutant au maître Opérateurs Python : le guide ultime du débutant au maître Mar 11, 2024 am 09:13 AM

Introduction aux opérateurs Python Les opérateurs sont des symboles spéciaux ou des mots-clés utilisés pour effectuer des opérations entre deux ou plusieurs opérandes. Python fournit une variété d'opérateurs couvrant un large éventail d'utilisations, depuis les opérations mathématiques de base jusqu'à la manipulation de données complexes. Opérateurs mathématiques Les opérateurs mathématiques sont utilisés pour effectuer des opérations mathématiques courantes. Ils comprennent : exemples d'opérations d'opérateur + addition a + b - soustraction a-b * multiplication a * b / division a / b % opération modulo (prendre le reste) a % b ** opération puissance a ** b // division entière (éliminer le reste) a//b Opérateurs logiques Les opérateurs logiques sont utilisés pour concaténer des valeurs booléennes et évaluer des conditions. Ils comprennent : des exemples d'opérations d'opérateur et des opérations de comparaison logiques et aandbor logiques ou aorbnot logiques

See all articles