JavaScript 変数



変数は、情報を保存するために使用される「コンテナ」です。

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var x=5;
var y=6;
var z=x+y;
document.write(x + "<br>");
document.write(y + "<br>");
document.write(z + "<br>");
</script>

</body>
</html>

インスタンスの実行»

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します


代数と同じように

x=5
y=6
z=x+y

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

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

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

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



JavaScript変数

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

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

  • 変数は文字で始める必要があります

  • 変数は$と_記号で始めることもできます(ただし、これはお勧めしません)

  • 変数名は大文字と小文字が区別されます(yとYは異なる変数です)

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



JavaScript データ型

JavaScript 変数は、テキスト値 (name="Bill Gates") などの他のデータ型も保持できます。

JavaScript では、「Bill Gates」のようなテキストを文字列と呼びます。

JavaScript 変数には多くの型がありますが、ここでは数値と​​文字列だけに焦点を当てます。

テキスト値を変数に割り当てるときは、値を二重引用符または一重引用符で囲む必要があります。

変数に割り当てる値が数値の場合は引用符を使用しないでください。数値を引用符で囲むと、値はテキストとして扱われます。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
document.write(pi + "<br>");
document.write(name + "<br>");
document.write(answer + "<br>");
</script>

</body>
</html>

サンプルの実行 »

「サンプルの実行」ボタンをクリックしてオンラインサンプルを表示します


JavaScript変数の宣言(作成)

JavaScriptで変数を作成することは、多くの場合、変数。

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

var carname;

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

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

carname="Volvo";

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

var carname=" Volvo";

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

サンプルの実行 »

オンラインサンプルを表示するには、「サンプルの実行」ボタンをクリックしてください


プログラミングの良い習慣は、コードの先頭で必要な変数を均一に宣言することです。

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

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

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

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

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



Value = unknown

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

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

var carname;



JavaScript 変数の再宣言

JavaScript 変数を再宣言すると、変数の値は失われないようにしてください:

次の 2 つのステートメントが実行された後も、変数 carname の値は依然として「Volvo」です:

var carname="Volvo";
var carname;



JavaScript 算術演算

= や + などの演算子を使用して、JavaScript 変数を使用して算術演算を行うことができます:

<!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>

例を実行する»

オンラインの例を表示するには、[例の実行] ボタンをクリックしてください

JavaScript 演算子の詳細については、このチュートリアルの後半で学習します。