JavaScript 変数LOGIN

JavaScript 変数

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 など) またはよりわかりやすい名前 (年齢、合計、総体積など) を付けることができます。

変数は文字で始める必要があります。$ および _ 記号で始めることもできます (ただし、これはお勧めしません)。 JavaScript ステートメントと JavaScript 変数では大文字と小文字が区別されます。


JavaScript データ型


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

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

JavaScript 変数には多くの型がありますが、ここでは数値と​​文字列だけに焦点を当てます。 テキスト値を変数に割り当てるときは、値を二重引用符または一重引用符で囲む必要があります。

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></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";


JavaScript 算術演算

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>
<p>假设 y=5,计算 x=y+2,并显示结果。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo"></p>
<script>
function myFunction(){
var y=5;
var x=y+2;
var demoP=document.getElementById("demo")
demoP.innerHTML="x=" + x;
}
</script>
</body>
</html>


次のセクション

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></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>
コースウェア