0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

はじめてのJavaScript④ 「インクリメントとデクリメント」

Last updated at Posted at 2021-09-30

##1. はじめに
本記事では、JavaScriptの
「インクリメントとデクリメント」
について記載する。
##2. インクリメントとは?
:::note
増加、増分などの意味の英単語のこと。
:::
:::note
コンピュータでは数値に1を加える操作のことを指す。
:::
(例)

x++ ⇔ x = x + 1;

##3. デクリメントとは?
:::note
・インクリメントと逆で、1を減じる操作のこと。
:::
(例)

x-- ⇔ x = x - 1;

##4. 後置演算子と前置演算子
###後置演算子
インクリメント(デクリメント)を変数の後に記述すること。
(例)

index1.js
y = x++;
index2.js
y = x;
x = x + 1;

上記2つの記述は以下となる。

変数yに変数xを代入してから、変数xをインクリメント。


###前置演算子 後置演算子とは逆で、インクリメント(デクリメント)を変数の前に記述すること。 (例)
index1.js
y = x++;
index2.js
x = x + 1;
y = x;

上記2つの記述は以下となる。

変数xをインクリメントしてから、その結果を変数yに代入。

##5. 例題
###後置演算子

index.js
let x = 10;
let y = x++;
console.log(x);
console.log(y);

上記を紐解くと以下のようになる。

・変数xに10を定義。
・変数yは、変数xに1をプラス。

スクリーンショット 2021-09-30 21.44.39.png
デベロッパーツールで結果を見ると、同様の結果となる。


###前置演算子 ```index.js let i = 10; let j = ++i; console.log(i); console.log(j); ``` ![スクリーンショット 2021-09-30 21.51.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/662822/a446471e-13f5-9971-1bfd-babc157994b2.png) ここで着目したいのが、 後置演算子と違って、なぜiとjが11となるのか? ということであるが、

前置演算では先にインクリメント(またはデクリメント)を行ってから他の処理を行い、後置演算では先に他の処理を行ってから最後にインクリメント(またはデクリメント)を行うという挙動の違いがあるから。

すなわち、

"let j = ++i;"が先に処理され、iとjの値が11となるから

である。
実務的に後置演算子の方が多く見受けられるそうだが、この違いだけは注意して記述するようにすること。
##6. おわりに
次項:はじめてのJavaScript⑤ 条件分岐-1 「if / if else / else」へ続く。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?