Opérateurs en JavaScript

Opérateurs JS

Pour effectuer diverses opérations, vous devez utiliser différents symboles d'opération.


Opérateurs arithmétiques : +, -, *, /, %, ++, --

A = 10 + 20;

A = 10 – 20;

A = 10 * 20;

A = 10 / 20;

(1) Opérateur de reste « % », divisez deux nombres et obtenez le reste.

A = 10 % 3 ; // A = 1, si le reste n'est pas 0, alors les deux ne sont pas divisibles

A = 10 % 2 ; // A = 0, Si le reste est 0, alors les deux nombres peuvent être divisés par


(2) "++" plus 1 opérateur, auto-incrémentation 1

« ++ » peut être utilisé comme préfixe (++i) ou comme suffixe (i++).

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var a = 1;
           var b = 1;
           document.write(++a);
           document.write("<hr>")
           document.write(b++);
        </script>
    </head>
    <body>
    </body>
</html>

Observez le résultat de l'exemple ci-dessus

  • Quand ++a, quoi qu'il arrive, a=a+ sera exécuté d'abord 1. Effectuez ensuite la sortie et d'autres opérations, telles que la sortie et l'opération sur la page, enfin lorsque cette instruction se termine, exécutez a=a+1, puis cette instruction se termine

  • <🎜. >
  • (3) "--" moins 1 Opérateur, décrémenter de 1

    "--" peut être utilisé comme préfixe (--i) ou comme suffixe ( je--).
L'exemple "--" est le même que l'exemple "++". Veuillez essayer de le tester vous-même.

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


"+= " Ajoutez d'abord et attendez plus tard. Par exemple : a += 10 //Après expansion, a = a + 10“-=" soustrayez d'abord puis attendez. Par exemple : a -= 10 //Après expansion, a = a - 10"*=" multipliez d'abord puis attendez. Par exemple : a *= 10 //Après expansion, a = a * 10

“/=” divisez d'abord puis attendez. Par exemple : a /= 10 //Après expansion a = a / 10

Opérateurs de chaînes : +, + =


Les chaînes ne peuvent effectuer que des opérations de "connexion" et ne peuvent pas effectuer d'autres opérations.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           var name = "php.cn";
           var str = "欢迎来到"+name;
           document.write(str);
        </script>
    </head>
    <body>
    </body>
</html>

Opérateurs de comparaison : >, <, >=, <=, ==, !=, ===, !==

Le résultat de l'opérateur de comparaison est une valeur booléenne (vrai ou faux). A = 10 > 20 ;           // Résultat A=faux %2 == 0; // Résultat A=vrai

A = 10%2 == « 0 » ; // Résultat A=vrai

A = 10%3 != 0; // Résultat A=vrai

A = 10%2 === « 0 » ; =false

Remarque :

“=" est le numéro d'affectation. Par exemple : a = 10

« == » est égal. Seules les valeurs de deux variables sont comparées, quel que soit leur type. Tant que les valeurs sont les mêmes, il renvoie vrai, sinon il renvoie faux.

« === » sont tous égaux. Les deux comparent les variables et déterminent les types. Si le type et la valeur sont identiques, renvoyez vrai, sinon renvoyez faux.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        //比较字符串数值和数值
           var name1 = "520";
           var name2 = 520;
        document.write(name1==name2);
        document.write("<hr>");
        document.write(name1===name2)
        </script>
    </head>
    <body>
    </body>
</html>


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

L'opérateur logique a deux résultats : vrai ou faux.

«&&» ET logique (et relation). Si les opérandes gauche et droit sont vrais, le résultat est vrai, sinon le résultat est faux.

Le ET logique signifie que lorsque deux conditions sont remplies en même temps, le résultat est vrai.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        //给一个成绩
        var score=61;
        //判断成绩所属级别
        if(score<60){
            document.write("对不起,您没有及格");
        }else if (score>=60&&score<70){
            document.write("您刚好及格");
        }
        </script>
    </head>
    <body>
    </body>
</html>

"||" OU logique. Tant que l'une des deux conditions de gauche et de droite est remplie, true est renvoyé, sinon false est renvoyé.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        var age=79;
        if(age<10||age>60){
            document.write("您好,您符合我们店的优惠条件,今天买东西全场5折");
        }else if (age>=10&&age<=60){
            document.write("不好意思,您不符合我们店的优惠条件,今天买东西不享受折扣");
        }
        </script>
    </head>
    <body>
    </body>
</html>

« » opération de négation. !true = false , !false = true , !100 = false

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        var a=true;
        document.write(a);
        document.write("<br/>");
        document.write(!a);
        </script>
    </head>
    <body>
    </body>
</html>

Opérateur ternaire : ?:

Le soi-disant « opérateur ternaire » fait référence à trois opérandes.

Syntaxe : Expression conditionnelle ? Résultat 1 : Résultat 2

Syntaxe : Opérande 1 ? Opérande 2 : Opérande 3

Signification : Si la condition est vraie, alors Exécuter le code pour « Résultat 1 » si la condition est fausse, exécutez le code pour « Résultat 2 ».

En fait : l'opérateur ternaire est la forme modifiée de if else. (sinon nous l'apprendrons dans le prochain chapitre)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
        var a=10;
        var b=20;
        //判断a和b那个大,把大的那个赋值给max
        var max=a>b?a:b;
        document.write("最大值:"+max);
        </script>
    </head>
    <body>
    </body>
</html>


Formation continue
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> var a = 1; var b = 1; document.write(++a); document.write("<hr>") document.write(b++); </script> </head> <body> </body> </html>
soumettreRéinitialiser le code
  • Recommandations de cours
  • Téléchargement du didacticiel