JavaScript 複合代入演算子のまとめ

JavaScript

あーりーです。

JavaScriptをじわじわと勉強しています。

 

 

前回は、算術演算子について書きました。

今回のテーマは「複合代入演算子」です。

 

 

複合代入演算子…

パッと聞くと、難しそうな言葉ですね。

 

 

でも、ご安心を。

やることと言えば、単純な足し算、引き算、かけ算、わり算です。

左辺と右辺

複合代入演算子の話に入る前に、思い出しておきたいことがあります。

数式の「左辺」と「右辺」という言葉の意味です。

 

 

こちらをご覧ください。

a=1+5

 

 

この場合…

「左辺」は「a」です。

「右辺」は「1+5」です。

 

 

イコール(=)をはさんで左側が「左辺」、右側が「右辺」でしたよね。

 

 

複合代入演算子の話をすると、「左辺」や「右辺」といった言葉がちょいちょい出てくるので、念のための確認でした。

イコールの意味は代入

それから…

もう一つ、思い出しておきたいことがあります。

JavaScriptにおけるイコール(=)の意味です。

 

 

こちらをご覧ください。

a=10

 

 

これは、「a」と「10」が等しい、という意味ではなく…

変数「a」に「10」を代入する、という意味です。

 

 

JavaScriptのイコール(=)は、「等しい」ではなく「代入」を意味します。

 

 

さてさて。

ここまで思い出したところで、いよいよ複合代入演算子の話です。

複合代入演算子とは

複合代入演算子とは、計算のためのちょっと特別な記号です。

複合代入演算子には、次のような種類があります。

 

 

+=

-=

*=

/=

%=

++

– –

 

では、一つずつ見ていきましょ~。

+=

まず「+=」を使った計算式の例です。

それがこちら。

var a=10; 
a+=20;

 

 

1行目をご覧ください。

var a=10;

a」に「10」を代入しています。

 

 

そして2行目。

a+=20;

複合代入演算子の「+=」が登場しました。

 

 

+=」の意味は…

「左辺+右辺」の値を「左辺」に代入する

です。

 

 

実際に数字をあてはめて考えてみます。

あらためて「左辺」と「右辺」を見てみましょう。

a+=20;

 

 

ご覧のように左辺は「a」です。

a」には「10」が代入されていました。

だから「左辺」は「10」ということになります。

 

そして右辺は「20」です。

 

 

つまり…

「左辺+右辺」の値を「左辺」に代入する

とは、

「10+20」の値を「左辺」に代入する

という意味になります。

 

 

つまり「30」が「左辺」に代入されます。

 

 

こうして最終的には、左辺「a」は「30」になります。

-=

-=」を使った計算式の例です。

var a=10;
a-=3;

 

 

-=」の意味は…

「左辺-右辺」の値を「左辺」に代入する

です。

 

 

今回の例の場合、「10-3」が「左辺」に代入されます。

こうして左辺「a」は「7」になります。

*=

*=」を使った計算式の例です。

var a=10;
a*=3;

 

 

*=」の意味は…

「左辺×右辺」の値を「左辺」に代入する

です。

 

 

今回の例の場合、「10×3」が「左辺」に代入されます。

こうして左辺「a」は「30」になります。

/=

/=」を使った計算式の例です。

var a=30;
a/=5;

 

 

/=」の意味は…

「左辺÷右辺」の値を「左辺」に代入する

です。

 

 

今回の例の場合、「30÷5」が「左辺」に代入されます。

こうして左辺「a」は「6」になります。

%=

%=」を使った計算式の例です。

var a=5;
a%=2;

 

 

%=」の意味は…

「左辺÷右辺」のあまりを「左辺」に代入する

です。

 

 

今回の例の場合、「5÷2」のあまりが「左辺」に代入されます。

5÷2」は「2」、そしてあまり「1」です。

 

 

こうして左辺「a」は「1」になります。

インクリメント

インクリメントとは「++」とうい記号です。

 

 

++」を使った計算式の例です。

var a=5;
a++;

 

 

これは単純に「1」を足す、という意味です。

5+1」は「6」です。

 

 

こうして「a」は「6」になります。

デクリメント

デクリメントとは「– –」という記号です。

 

 

– –」を使った計算式の例です。

var a=5;
a--;

 

 

これも単純に「1」を引く、という意味です。

5-1」は「4」です。

 

 

こうして「a」は「4」になります。

 

 

以上が、複合代入演算子の話でした。

 

 

今回はこれでおしまい。

お付き合いありがとうございました。

 

 

JavaScriptの記事は、この記事も含めて「初心者のための超わかりやすいJavaScript入門」にまとめてあります。よろしければご覧ください。

タイトルとURLをコピーしました