JavaScript 変数

代数と同じように

x=5
y=6
z=x+y

代数では、値(5など)を保持するために文字(xなど)を使用します。

上記の式 z=x+y を使用すると、z の値は 11 になると計算できます。

JavaScriptでは、これらの文字を変数と呼びます。

注: 変数は、データを保存するためのコンテナーと考えることができます。

JavaScript変数

代数と同様に、JavaScript変数は値(x=5など)や式(z=x+yなど)を保存するために使用できます。

変数には、短い名前 (x や y など) またはよりわかりやすい名前 (年齢、合計、総体積など) を付けることができます。

変数は文字で始める必要があります
変数は$と_記号で始めることもできます(ただし、これはお勧めしません)
変数名は大文字と小文字が区別されます(yとYは異なる変数です)

注: JavaScript ステートメントと JavaScript 変数では大文字と小文字が区別されます。

JavaScript変数の宣言(作成)

JavaScriptで変数を作成することは、変数を「宣言する」とよく呼ばれます。

変数を宣言するには var キーワードを使用します:

var carname;

変数が宣言された後、変数は空になります (値がありません)。

変数に値を割り当てるには、等号を使用します:

carname="Volvo";

ただし、宣言時に変数に値を割り当てることもできます:

var carname=" Volvo";

次の例では、carname という名前の変数を作成し、値「Volvo」を割り当て、id="demo" を使用して HTML 段落に挿入します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网(php.cn)</title>
</head>
<body>
<p>点击这里来创建变量，并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
    function myFunction(){
        var carname="Volvo";
        document.getElementById("demo").innerHTML=carname;
    }
</script>
</body>
</html>

実行して試してみましょう

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

1つのステートメントで多くの変数を宣言できます。ステートメントは var で始まり、カンマを使用して変数を区切ります:

var lastname="Doe", age=30, job="carpenter";

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

var lastname =" Doe",
age=30,
job="大工";

Value = unknown

コンピュータプログラムでは、値のない変数が宣言されることがよくあります。値を指定せずに宣言された変数の値は、実際には未定義です。

次のステートメントを実行すると、変数 carname の値は未定義になります:

var carname;

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(php.cn)</title> </head> <body> <p>点击这里来创建变量，并显示结果。</p> <button onclick="myFunction()">点击这里</button> <p id="demo"></p> <script> function myFunction(){ var carname="Volvo"; document.getElementById("demo").innerHTML=carname; } </script> </body> </html>

リセットコード

自動運転

提出する

プレビュー Clear