- 変数を明示的に宣言するには、
varを使う。 - 変数の定義は、定義したい値を、変数に代入する。
varで、変数であることを明示的に宣言しなくても、変数を定義（代入）できるが、「strict JavaScript warning」が発生するようなので、私なら、varで、変数であることを明示的に宣言しておく。 - 代入には、代入演算子
=を使う。 - 変数のデータ型は、JavaScriptが自動的に判断するので、宣言する必要はない。JavaScriptは、動的型付け言語である。
- 変数の再定義は、再定義したい値を代入し直すだけで、再定義することができる。
サンプル
- あらかじめ宣言した変数に、文字列を代入
- 変数を宣言し、同時に、文字列を代入
- 変数を宣言し、同時に、整数を代入
- 変数に小数を代入
- 変数に計算結果を代入
- 変数に論理値（ブール値）を代入
- 配列を作り変数に代入
- オブジェクトを作り変数に代入
- インスタンスを作り、変数に代入
あらかじめ宣言した変数に、文字列を代入
ソースコード
<script type="text/javascript">
var sample; // 変数であることを宣言
sample = "こんにちは♪"; // 文字列「こんにちは♪」を代入
document . write( sample ); // 変数の内容を出力
</script>
var sample; // 変数であることを宣言
sample = "こんにちは♪"; // 文字列「こんにちは♪」を代入
document . write( sample ); // 変数の内容を出力
</script>
varで、変数であることを宣言。
変数sampleに、文字列「こんにちは♪」を代入。
文字列の代入については、変数に文字列を代入のページにて、詳しく解説。
変数を宣言し、同時に、文字列を代入
ソースコード
<script type="text/javascript">
var sample = "こんにちは♪"; // 変数であることを宣言し、文字列を代入
document . write( sample ); // 変数の内容を出力
</script>
var sample = "こんにちは♪"; // 変数であることを宣言し、文字列を代入
document . write( sample ); // 変数の内容を出力
</script>
変数sampleに、文字列「こんにちは♪」を代入。
文字列の代入については、変数に文字列を代入のページにて、詳しく解説。
変数を宣言し、同時に、整数を代入
ソースコード
<script type="text/javascript">
var sample = 10;
document . write( sample );
</script>
var sample = 10;
document . write( sample );
</script>
変数sampleに、整数「10」を代入。
変数を宣言し、同時に、小数を代入
ソースコード
<script type="text/javascript">
var sample = 12.345;
document . write( sample );
</script>
var sample = 12.345;
document . write( sample );
</script>
変数sampleに、小数「12.345」を代入。
変数に計算結果を代入
ソースコード
<script type="text/javascript">
var sampleA = 20;
var sampleB = 30;
var sampleC = sampleA + sampleB;
document . write( sampleC );
</script>
var sampleA = 20;
var sampleB = 30;
var sampleC = sampleA + sampleB;
document . write( sampleC );
</script>
変数sampleCに、「20+30」の計算結果を代入。
変数に論理値（ブール値）を代入
ソースコード
<script type="text/javascript">
var sampleA = true;
var sampleB = false;
if ( sampleA) {
document . write( "sampleA: true<br />" );
} else {
document . write( "sampleA: false<br />" );
}
if ( sampleB ) {
document . write( "sampleB: true<br />" );
} else {
document . write( "sampleB: false<br />" );
}
</script>
var sampleA = true;
var sampleB = false;
if ( sampleA) {
document . write( "sampleA: true<br />" );
} else {
document . write( "sampleA: false<br />" );
}
if ( sampleB ) {
document . write( "sampleB: true<br />" );
} else {
document . write( "sampleB: false<br />" );
}
</script>
変数sampleAに、論理値「true」を代入。
変数sampleBに、論理値「false」を代入。
配列を作り変数に代入
ソースコード
<script type="text/javascript">
var sampleColors = new Array( "Red", "Blue", "Green" );
document . write( sampleColors + "<br />" );
document . write( sampleColors[2] + "<br />" );
</script>
var sampleColors = new Array( "Red", "Blue", "Green" );
document . write( sampleColors + "<br />" );
document . write( sampleColors[2] + "<br />" );
</script>
変数sampleColorsに、配列を代入。
オブジェクトを作り変数に代入
ソースコード
<script type="text/javascript">
var sampleObject = {
red: { colorName: "赤", colorCode: "#FF0000" },
blue: { colorName: "青", colorCode: "#0000FF" },
green: { colorName: "緑", colorCode: "#008000" },
};
document . write( sampleObject.red.colorName + ": " + sampleObject.red.colorCode + "<br />" );
document . write( sampleObject.blue.colorName + ": " + sampleObject.blue.colorCode + "<br />" );
document . write( sampleObject.green.colorName + ": " + sampleObject.green.colorCode + "<br />" );
</script>
var sampleObject = {
red: { colorName: "赤", colorCode: "#FF0000" },
blue: { colorName: "青", colorCode: "#0000FF" },
green: { colorName: "緑", colorCode: "#008000" },
};
document . write( sampleObject.red.colorName + ": " + sampleObject.red.colorCode + "<br />" );
document . write( sampleObject.blue.colorName + ": " + sampleObject.blue.colorCode + "<br />" );
document . write( sampleObject.green.colorName + ": " + sampleObject.green.colorCode + "<br />" );
</script>
変数sampleObjectに、オブジェクトを代入。
インスタンスを作り、変数に代入
ソースコード
<script type="text/javascript">
function sampleClass( colorName, colorCode ) {
this.colorName = colorName;
this.colorCode = colorCode;
this.toString = function() {
return ( this.colorName + ": " + this.colorCode );
}
}
var sampleInstance = new sampleClass( "赤", "#FF0000" ); // インスタンスを作り、変数に代入
document . write( sampleInstance );
</script>
function sampleClass( colorName, colorCode ) {
this.colorName = colorName;
this.colorCode = colorCode;
this.toString = function() {
return ( this.colorName + ": " + this.colorCode );
}
}
var sampleInstance = new sampleClass( "赤", "#FF0000" ); // インスタンスを作り、変数に代入
document . write( sampleInstance );
</script>
変数sampleInstanceに、インスタンスを代入。