JavaScript 変数

JavaScriptのコメント JavaScript Let

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 など) を使用します。

プログラミングでは、代数と同様に、式で変数を使用します (合計 = 価格 1 + 価格 2)。

上記の例から、合計の値が 27 であることがわかります。

ヒント: JavaScript 変数は、データ値を保存するためのコンテナです。

JavaScript 識別子

すべての JavaScript の変数は一意の名前で識別する必要があります。

これらの一意の名前は識別子と呼ばれます。

識別子には、短い名前 (x や y など) を使用することも、よりわかりやすい名前 (年齢、合計、合計ボリューム) を使用することもできます。

変数名 (一意の識別子) を作成するための一般的な規則は次のとおりです。

  • 名前には文字、数字、アンダースコア、ドル記号を含めることができます
  • 名前は文字で始める必要があります
  • 名前は $ や _ で始めることもできます (ただし、このチュートリアルでは行いません)
  • 名前は大文字と小文字が区別されます（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;

宣言の後、変数には値がありません。 (技術的には、その値は 未定義 です。)

変数に代入するには、等号を使用します。

carName = "ポルシェ";

変数を宣言するときに、変数に値を割り当てることができます。

var carName = "ポルシェ";

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

次に、この値を id="demo" の HTML 段落に「出力」します。

例

<p id="demo"></p>

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

自分で試してみてください

ヒント: スクリプトの先頭ですべての変数を宣言するのが良い習慣です。

1 つのステートメント、複数の変数

1 つのステートメントで多くの変数を宣言できます。

ステートメントは var で開始し、変数はカンマで区切ります。

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

自分で試してみてください

ステートメントは複数行にまたがることができます:

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

自分で試してみてください

Value = undefined

コンピュータ プログラムでは、変数は値なしで宣言されることがよくあります。 値は、計算されるもの、またはデータ入力など、後で提供されるデータです。

値のない変数の値は 未定義 になります。

このステートメントの実行後の変数 carName の値は 未定義です:

例

var carName;

自分で試してみてください

JavaScript 変数の重複した宣言

JavaScript 変数が再度宣言されても、その値は失われません。

これら 2 つのステートメントが実行された後も、変数 carName の値は「porsche」のままです。

例

var carName = "porsche";
var carName;

自分で試してみてください

JavaScript 算術演算

代数と同様に、= や + などの演算子を使用して、JavaScript 変数で算術演算を実行できます。

例

var x = 3 + 5 + 8;

自分で試してみてください

文字列にはプラス記号も使用できますが、文字列は連結されます。

例

var x = "ビル" + " " + "ゲイツ";

自分で試してみてください

これも試してください:

例

var x = "8" + 3 + 5;

自分で試してみてください

ヒント: 値を引用符で囲んだ場合、残りの値は文字列として扱われ、連結されます。

今すぐ試してみましょう:

例

var x = 3 + 5 + "8";

自分で試してみてください

JavaScriptのコメント JavaScript Let