代入演算子「=」とは、左のオペランド(演算子引数)の変数に、右のオペランド(演算子引数)の値を代入する演算子。
使い方
値を代入
var 変数 = 値;
変数に、値を代入。
式の結果を代入
var 変数 = 式;
変数に、式の結果を代入。
多重代入
var 変数A = 変数B = 変数C = 値;
複数の変数に、同じ値を、同時に代入。
基本的代入
var sampleA = 3; // 整数を代入
var sampleB = 5+3; // 計算結果を代入
var sampleC = 3 + sampleA; // 計算結果を代入
var sampleD = "赤色"; // 文字列を代入
var sampleE = "REDは、" + sampleD + "。"; // 文字列を代入
var sampleB = 5+3; // 計算結果を代入
var sampleC = 3 + sampleA; // 計算結果を代入
var sampleD = "赤色"; // 文字列を代入
var sampleE = "REDは、" + sampleD + "。"; // 文字列を代入
サンプル
ソースコード
<script type="text/javascript">
var sampleA = 3; // 整数を代入
document . write( "<p>sampleA: " + sampleA + "</p>" );
var sampleB = 5+3; // 計算結果を代入
document . write( "<p>sampleB: " + sampleB + "</p>" );
var sampleC = 5 + sampleA; // 計算結果を代入
document . write( "<p>sampleC: " + sampleC + "</p>" );
var sampleD = "赤色"; // 文字列を代入
document . write( "<p>sampleD: " + sampleD + "</p>" );
var sampleE = "REDは、" + sampleD + "。"; // 文字列を代入
document . write( "<p>sampleE: " + sampleE + "</p>" );
</script>
var sampleA = 3; // 整数を代入
document . write( "<p>sampleA: " + sampleA + "</p>" );
var sampleB = 5+3; // 計算結果を代入
document . write( "<p>sampleB: " + sampleB + "</p>" );
var sampleC = 5 + sampleA; // 計算結果を代入
document . write( "<p>sampleC: " + sampleC + "</p>" );
var sampleD = "赤色"; // 文字列を代入
document . write( "<p>sampleD: " + sampleD + "</p>" );
var sampleE = "REDは、" + sampleD + "。"; // 文字列を代入
document . write( "<p>sampleE: " + sampleE + "</p>" );
</script>
複数の変数に同時に代入(多重代入)
複数の変数に、同じ値を、同時に代入する方法。
<script type="text/javascript">
var sampleF = sampleG = sampleH = "サンプル";
</script>
var sampleF = sampleG = sampleH = "サンプル";
</script>
サンプル
ソースコード
<script type="text/javascript">
var sampleF = sampleG = sampleH = "サンプル";
document . write( "<p>sampleF: " + sampleF + "</p>" );
document . write( "<p>sampleG: " + sampleG + "</p>" );
document . write( "<p>sampleH: " + sampleH + "</p>" );
</script>
var sampleF = sampleG = sampleH = "サンプル";
document . write( "<p>sampleF: " + sampleF + "</p>" );
document . write( "<p>sampleG: " + sampleG + "</p>" );
document . write( "<p>sampleH: " + sampleH + "</p>" );
</script>
応用的代入
サンプル
ソースコード
<script type="text/javascript">
sampleK = ( sampleI = ( sampleJ = 100 ) * 1.05 ) + "円";
document . write( "<p>sampleJ: " + sampleJ + "</p>" );
document . write( "<p>sampleI: " + sampleI + "</p>" );
document . write( "<p>sampleK: " + sampleK + "</p>" );
</script>
sampleK = ( sampleI = ( sampleJ = 100 ) * 1.05 ) + "円";
document . write( "<p>sampleJ: " + sampleJ + "</p>" );
document . write( "<p>sampleI: " + sampleI + "</p>" );
document . write( "<p>sampleK: " + sampleK + "</p>" );
</script>