代入演算子「=」

代入演算子「=」とは、左のオペランド(演算子引数)の変数に、右のオペランド(演算子引数)の値を代入する演算子。

使い方

値を代入

var 変数 =;

変数に、値を代入。

式の結果を代入

var 変数 =;

変数に、式の結果を代入。

多重代入

var 変数A = 変数B = 変数C =;

複数の変数に、同じ値を、同時に代入。

基本的代入

var sampleA = 3; // 整数を代入
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>

複数の変数に同時に代入(多重代入)

複数の変数に、同じ値を、同時に代入する方法。

<script type="text/javascript">
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>

応用的代入

サンプル

ソースコード

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

スポンサード リンク

カテゴリー: JavaScript, リファレンス, 演算子 パーマリンク