JavaScript の演算子

JS演算子

さまざまな演算を実行するには、異なる演算記号を使用する必要があります。

算術演算子: +、-、*、/、%、++、--

A = 10 + 20;

A = 10 – 20;

A = 10 * 20;

A = 10 / 20;

(1) "%" 剰余演算子、2 つの数値を除算して剰余を取得します。

A = 10 % 3; // A = 1、余りが 0 でない場合、2 つの数値は割り算できません

A = 10 % 2; // A = 0、余りが 0 の場合、 2 つの数値はすべて除算できます

(2) "++" プラス 1 つの演算子、自己インクリメント 1

"++" は接頭辞 (++i) または接尾辞 ( 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>

上記の例の出力結果を観察してください

++a の場合、何があっても、a=a+1 が最初に実行され、その後、ページ上の出力などの他の出力操作が実行されます。計算など
b++ が使用される場合、出力、計算などの他の操作が最初に実行されます。最後に、このステートメントが終了すると、a=a+1 が実行され、その後このステートメントが実行されます。終了します

( 3) 「--」は、それ自体を 1 ずつデクリメントするデクリメント演算子です

「--」は、接頭辞 (--i) または接尾辞 (i--) として使用できます。）。

「--」の例は「++」の例と同じです。ご自身で試してテストしてください。

代入演算子: =、+=、-=、*=、/=

「+=」が最初に追加され、その後に追加されます。例: a += 10 //展開後、a = a + 10

"-=" まず減算してから待ちます。例: a -= 10 //展開後、a = a - 10

"*="が最初に乗算されてから待機します。例: a *= 10 //展開後、a = a * 10

"/=" まず除算してから待ちます。例: a /= 10 //展開後 a = a / 10

文字列演算子: +、+=

文字列は「接続」操作にのみ使用でき、使用できません。他の操作を実行します。

<!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>

比較演算子: >、<、>=、<=、==、!=、===、!==

比較演算子の結果はブール値です（正しいか間違っているか）。

A = 10 > ; A = 10%2 == "0"; // 結果 A=true

A = 10 %2 === “0”; // 結果 A=false

注:

"= は割り当て番号です。例: a = 10

"== と等しい。型に関係なく、2 つの変数の値のみが比較されます。値が同じである限り true を返し、それ以外の場合は false を返します。

"=== はすべて等しい。どちらも変数を比較して型を決定します。型と値が同じ場合は true を返し、それ以外の場合は false を返します。

<!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>

論理演算子: &&、||、!

論理演算子の結果は 2 つの true または false を持ちます。

「&&」論理積 (および関係)。左オペランドと右オペランドの両方が true の場合、結果は true になり、それ以外の場合、結果は false になります。

論理 AND は、2 つの条件が同時に満たされた場合に結果が true になることを意味します。

<!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>

"||" 論理和。左右の 2 つの条件のいずれかが満たされていれば true が返され、そうでない場合は false が返されます。

<!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>

「！」 !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>

三項演算子: ?:

いわゆる「三項演算子」は 3 つのオペランドを指します。

構文: 条件式? 結果 1: 結果 2

構文: オペランド 1? オペランド 2: オペランド 3

意味: 条件が true の場合、条件が false の場合は「結果 1」のコードを実行します。「結果2」のコードが実行されます。

実際: 三項演算子は if else の変形形式です。 (そうでない場合は、次の章で学びます)

rreee

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転