【Javascript】 よくある代入の書き方 – プログラミング入門

一言に代入と言ってもいくつか書き方があります。ここでは、プログラミングでしばしば行う代入の方法を紹介します。

よくある代入

宣言時に代入

let x;
x = 10;

というプログラムは、次の1行にまとめることができます。

let x = 10;

このように、宣言と同時に代入することができます。同時に宣言を行っているということ以外は普通の代入と変わりません。

箱は作ったら使うのが鉄則なので、箱を作ると同時に使えるようにするのはある意味自然と言えますね。

自分自身を足す場合の省略記法

x = x + 1;のような、自分自身に代入するタイプのものは省略した書き方ができます。

let x = 1;

// x = x + 10; と同じ
x += 10;

console.log(x);

11

イコールとプラスが組み合わさりました。この書き方は、xに対してイコールの右側の計算結果を足す、という意味になります。

自分自身を使って計算して代入することについては、下のページに載せています。

【Javascript】 変数を使う – プログラミング入門

前回は、変数の宣言の仕方や、値の代入の仕方を紹介しました。ここでは、新しい代入の仕方を含めた、変数の基本的な使い方を紹介していきます。 宣言の方…

もう一つ、例を見てみます。

let x = 1;
x += 10 - 5;
console.log(x);

> node app.js
6

さて、この場合はx += 10 - 5はx = x + 10 - 5;で結果が6になると思った方も多いと思います。しかし、そうではありません。

ここで思い出すべきは、右側の計算結果が左側の変数にされる、というものです。

つまり、x = x + (10 - 5);と等しいとするのが正しいということです。足し算ならどちらでも結果は同じですが、掛け算や割り算だと結果変わってくるので、ここの認識は正しく持つ必要があります。

これらの省略記法は、引き算、掛け算、割り算などでも可能です.

let x = 1;
x += 10 + 1;
x -= 10 + 2;
x *= 10 + 3;
x /= 10 + 4;

それぞれ、

let x = 1;
x = x + (10 + 1);
x = x - (10 + 2);
x = x * (10 + 3);
x = x / (10 + 4);

と等しくなります。

インクリメントとデクリメント

変数に対し1を足す、という行為は更に省略可能です。このように書きます。

let x = 1;
x++;

console.log(x);

2

x++はx += 1;と同等です。さらに言えば、x = x + 1;と同じ、というわけです。

引き算も同様です。

let x = 1;
x--;

0

これはx -= 1;と等しいです。

この1を足すという行為は、しばしばfor文など、数をカウントするとき用いられます。

インクリメントが頻出するfor文については下のページにあります。

【Javascript】 for文 (ループ) – プログラミング入門

forループは、同じプログラムを繰り返し行うためのものです。`if`に並ぶ超重要な要素なのでしっかり理解していきましょう。 書き方 基本的なルー…

連続して代入

同じ値を複数の変数に代入する場合、=で数珠つなぎにできます。

let x = y = 100;
console.log(x, y);

100 100

もちろん、x = y = z = a = b = 200;のようにいくつでもつなぐことができます。

まとめ

代入は、一定の条件で省略して書くことが可能です。特にx += 10のような書き方はどこでも利用し、x++のようなインクリメントはfor文で頻出します。必ず使えるようになりましょう!

この内容の理解度チェックはこちら

【Javascript】 よくある代入の書き方 理解度チェック

この内容のテキストはこちら 問1 宣言時に代入 変数`x`を宣言すると同時に、`10`を代入してください。 変数の宣言と代入を同時に行う場合、`…