概要: このチュートリアルでは、JavaScript の代入演算子を使用して変数に値を代入する方法を学びます。
JavaScript 代入演算子の紹介
代入演算子(=
)は、変数に値を代入します。代入演算子の構文は次のとおりです。
let a = b;
Code language: JavaScript (javascript)
この構文では、JavaScript はまず式b
を評価し、その結果を変数a
に代入します。
次の例では、counter
変数を宣言し、その値を 0 に初期化します。
let counter = 0;
Code language: JavaScript (javascript)
次の例では、counter
変数を 1 増やし、その結果を counter
変数に代入します。
let counter = 0;
counter = counter + 1;
Code language: JavaScript (javascript)
2 番目の文を評価する際、JavaScript はまず右辺の式 (counter + 1
) を評価し、その結果を counter
変数に代入します。2 番目の代入の後、counter
変数の値は 1
になります。
コードをより簡潔にするために、次のように +=
演算子を使用できます。
let counter = 0;
counter += 1;
Code language: JavaScript (javascript)
この構文では、代入において counter
変数を 2 回繰り返す必要がありません。
次の表は、別の演算子と代入の省略記法である代入演算子を説明しています。
演算子 | 意味 | 説明 |
---|---|---|
a = b | a = b | b の値を a に代入します。 |
a += b | a = a + b | a と b の合計を a に代入します。 |
a -= b | a = a - b | a から b を引いた結果を a に代入します。 |
a *= b | a = a * b | a と b の積を a に代入します。 |
a /= b | a = a / b | a を b で割った結果を a に代入します。 |
a %= b | a = a % b | a を b で割った剰余を a に代入します。 |
a &= b | a = a & b | a と b の論理積を a に代入します。 |
a |= b | a = a | b | a と b の論理和を a に代入します。 |
a ^= b | a = a ^ b | a と b の排他的論理和を a に代入します。 |
a <<= b | a = a << b | a を b ビット左シフトした結果を a に代入します。 |
a >>= b | a = a >> b | a を b ビット右シフト(符号付き)した結果を a に代入します。 |
a >>>= b | a = a >>> b | a を b ビット右シフト(符号なし)した結果を a に代入します。 |
JavaScript 代入演算子の連結
1 つの値を複数の変数に代入する場合は、代入演算子を連結できます。例えば
let a = 10, b = 20, c = 30;
a = b = c; // all variables are 30
Code language: JavaScript (javascript)
この例では、JavaScript は右から左に評価します。したがって、次の操作を行います。
let a = 10, b = 20, c = 30;
b = c; // b is 30
a = b; // a is also 30
Code language: JavaScript (javascript)
まとめ
- 代入演算子(
=
)を使用して、変数に値を代入します。 - 1 つの値を複数の変数に代入する場合は、代入演算子を連結します。
このチュートリアルは役に立ちましたか?