JavaScriptの変数

JavaScriptの変数

JavaScriptの変数はデータ値を格納するコンテナです。

この例では、x、yおよびzは変数です：

インスタンス

var x = 7;
var y = 8;
var z = x + y;

自分で試してみよう

上の例から、以下が得られます：

  • xは値7を保存しています
  • yは値8を保存しています
  • zは値15を保存しています

代数のように

この例では、price1、price2およびtotalは変数です：

インスタンス

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

自分で試してみよう

プログラミングでは、代数のように、変数（例えばprice1）を使用して値を格納します。

プログラミングでは、代数のように、式で変数を使用します（total = price1 + price2）。

上の例では、totalの値は27であることがわかります。

ヒント：JavaScriptの変数はデータ値を格納するコンテナです。

JavaScriptの識別子

すべてのJavaScript 変数以降にユニークな名前の識別。

これらのユニークな名前は識別子。

識別子は短い名前（例えばxとy）またはより説明的な名前（age、sum、totalVolume）でできます。

変数名（ユニークな識別子）の一般的なルールは：

  • 名前にはアルファベット、数字、アンダースコア、ドル記号を含むことができます。
  • 名前はアルファベットで始まる必要があります。
  • 名前もまた $ および _ 開始します（ただし、このチュートリアルではそのようにしません）。
  • 名前は大文字小文字を区別します（yとYは異なる変数です）。
  • 保留語（例えばJavaScriptのキーワード）は変数名として使用できません。

ヒント：JavaScriptの識別子は大文字小文字を区別します。

代入演算子

JavaScriptでは、等号（=）は代入演算子であり、「＝」演算子ではありません。

これは代数とは異なる点です。以下のコードは代数では不合理です：

x = x + 5

しかしJavaScriptでは、これは非常に合理的です：x + 5の値をxに割り当てます。

（x + 5の値を計算し、結果をxに格納します。xの値が5増えます。）

注記：JavaScriptの「等于」演算子は ==。

JavaScriptのデータ型

JavaScript変数は数値、例えば100、およびテキスト値、例えば「Bill Gates」を格納できます。

プログラミングでは、テキスト値は文字列と呼ばれます。

JavaScriptは多くのデータタイプを処理できますが、今は数値や文字列の値に注目します。

文字列はダブルクォートまたはシングルクォートで囲まれます。数値は引用符を使いません。

数値を引用符に囲むと、テキスト文字列として見なされます。

インスタンス

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

自分で試してみよう

宣言（作成）JavaScript変数

JavaScriptでは、変数の作成を「宣言」と呼びます。

次のように使用できます： var キーワードを使用してJavaScript変数を宣言します：

var carName;

宣言の後、変数には値がありません。（技術的には、その値は undefined。）

必要であれば、割り当て変数に値を割り当てるために、等号を使用します：

carName = "porsche";

変数に値を割り当てる場合：

var carName = "porsche";

上記の例では、carNameという名前の変数を作成し、それに「porsche」を割り当てました。

その後、id="demo"のHTML段落にその値を「出力」します：

インスタンス

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

自分で試してみよう

ヒント：すべての変数をスクリプトの先頭で宣言することは良い習慣です！

一つの文、複数の変数

一つの文で多くの変数を宣言することができます。

で var 文の始めに使用し、以下にカンマ変数を区別する：

var person = "Bill Gates", carName = "porsche", price = 15000;

自分で試してみよう

宣言は複数行にわたることができます：

var person = "Bill Gates",
carName = "porsche",
price = 15000;

自分で試してみよう

Value = undefined

コンピュータプログラムでは、宣言された変数はしばしば値を持たない。値は計算される必要がある内容や、後で提供されるデータ、例えばデータ入力などである。

値を持たない変数は、その値は undefined。

変数 carName がこの文を実行した後の値は undefined：

インスタンス

var carName;

自分で試してみよう

JavaScript 変数の再宣言

JavaScript 変数を再度宣言すると、その値は失われません。

これらの文を実行した後、変数 carName の値はまだ "porsche" です：

インスタンス

var carName = "porsche";
var carName;

自分で試してみよう

JavaScriptの算術

代数と同様に、JavaScript 変数を使用して算術演算を行うことができます。以下で使用します： = および + などの演算子：

インスタンス

var x = 3 + 5 + 8;

自分で試してみよう

文字列も加号を使用できますが、文字列は連結されます：

インスタンス

var x = "Bill" + " " + "Gates";

自分で試してみよう

これも試してみてください：

インスタンス

var x = "8" + 3 + 5;

自分で試してみよう

ヒント：数値を引用符に囲むと、残りの数値は文字列として連結されます。

今、これを試してみてください：

インスタンス

var x = 3 + 5 + "8";

自分で試してみよう

外の読書

JavaScript 高級チュートリアル： ECMAScript 文法、 ECMAScript 変数