JavaScript - 演算子

■ページ目次

演算子
算術演算子
代入演算子
インクリメント・デクリメント演算子
関係演算子(比較演算子)
論理演算子

■演算子

■算術演算子


+ (単項)
- (単項)
+ (和)
- (差)
* (積)
/ (商)
% (剰余)

Top

■例題

算術演算子を確認するサンプル "Operator01.html" です。


 <!-- Operator01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var br = "<br/>";             // 改行タグ
 
     var a = parseInt(prompt("整数を入力してください。", 0));
     var b = parseInt(prompt("もうひとつ、整数を入力してください。", 0));
     document.write("a = " + a + br);
     document.write("b = " + b + br);
 
     document.write("a + b = " + (a + b) + br);      
     document.write("a - b = " + (a - b) + br);      
     document.write("a * b = " + (a * b) + br);      
     document.write("a / b = " + Math.floor(a / b) + br); // 小数点以下切捨て     
     document.write("a % b = " + (a % b) + br);      
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■代入演算子

Top

■例題

プロンプトから入力した2つの整数を交換するHTML "Exchange01.html" です。


 <!-- Exchange01.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var a = parseInt(prompt("数値を入力してください。", 0));
     var b = parseInt(prompt("もうひとつ、数値を入力してください。", 0));
 
     var t = a; // 一時的な変数 t を交換用に使用
     a = b;
     b = t;
     document.write("引数を交換して表示: " + a + ", " + b);
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■インクリメント・デクリメント演算子


    ++ (インクリメント)
    -- (デクリメント)
    前置
    後置

	前置	後置
++	x = ++a; ... ++a; x = a;	x = a++; ... x = a; a++;
--	x = --a; ... --a; x = a;	x = a--; ... x = a; a--;

インクリメント演算子(++)は、オペランドに1を加算します。
デクリメント演算子(--)は、オペランドから1を減算します。
インクリメント･デクリメント演算子には、前置演算子と後置演算子があります。
前置演算子は、先にインクリメント(デクリメント)してから、式を評価します。
後置演算子は、先に式を評価してから、インクリメント(デクリメント)します。

Top

■関係演算子(比較演算子)


    > (大きい)
    >= (以上)
    < (小さい)
    <= (以下)
    == (等しい)
    != (等しくない)

2つのオペランドの値を比較する場合に、関係演算子を使います。関係演算子で比較した結果はつねにboolean型になります。
関係演算子(==)と、代入演算子(=)は間違えやすいので、注意が必要です。
複数の記号からなる演算子では、記号の間は空けません。

Top

■例題

関係演算子を確認するサンプル "Operator41.html" です。


 <!-- Operator41.html -->
 <html>
 <head>
 <title>わたしのホーム･ページ</title>
 <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"/>
 </head>
 <body>
 <script type="text/javascript">
 <!--
     var br = "<br/>";             // 改行タグ
 
     var a = parseInt(prompt("整数を入力してください。", 0));
     var b = parseInt(prompt("もうひとつ、整数を入力してください。", 0));
     document.write("a = " + a + br);
     document.write("b = " + b + br);
 
     document.write("a <  b = " + (a <  b) + br);      
     document.write("a <= b = " + (a <= b) + br);      
     document.write("a >  b = " + (a >  b) + br);      
     document.write("a >= b = " + (a >= b) + br);      
     document.write("a == b = " + (a == b) + br);      
     document.write("a != b = " + (a != b) + br);      
 //-->
 </script>
 <noscript>JavaScriptが使用できません。</noscript>
 </body>
 </html>

Top

■論理演算子


    && (論理積)
    || (論理和)
    ! (論理否定)

真理値表

a	b	a && b	a \|\| b	!a
false	false	false	false	true
false	true	false	true	true
true	false	false	true	false
true	true	true	true	false

論理演算子は、boolean型どうしを比較します。
論理演算子の結果も、boolean型になります。
a && b であれば、aがfalseの場合、bを評価しません。
a || b であれば、aがtrueの場合、bを評価しません。

Top