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

シェアする

  • このエントリーをはてなブックマークに追加
  • 0

あーりーです。

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入門」にまとめてあります。よろしければご覧ください。

A8 JavaScript

おまけ

JavaScriptを一人で勉強していてわからないことがあれば、teratailで質問することをおすすめします。

プログラミングに特化したYahoo!知恵袋のようなサイトです。

超・初心者のぼくにも優しく教えてくれました。

とても感謝しています。

関連記事コンテンツ



シェアする

  • このエントリーをはてなブックマークに追加

フォローする

自己紹介

あーりーと申します。アクセスありがとうございます。布団でぬくぬくしながら本を読んだりスマホでテレビを見たり、のんびり過ごすのが好きです。

ブログ村

ブログランキング・にほんブログ村へ

グロースファクター 毛髪再生