左シフト演算子「<<」とは、指定したビット数分左へシフトする演算子のこと。
左のオペランド（演算子引数）の値を２進数に変換し、右のオペランド（演算子引数）の数値分左にシフトし、右を0で埋める。最後に、演算結果を１０進数に戻す。
構文
結果 = 値１ << 値２;
結果 = 式１ << 式２;
サンプル
10進数
2進数
解説
「5」を、２進数で表すと「101」。左へ「1」ビット分移動し、右を「0」で埋めると、「1010」（１０進数で表すと「10」）になる。
ソースコード
<style type="text/css">
<!--
.sampleItem div {
float: left;
width: 60px;
text-align: right;
}
-->
</style>
<div class="sampleItem">
<div>10進数</div>
<div>2進数</div>
</div>
<div style="clear: left;"></div>
<script type="text/javascript">
var sampleA = 5;
var sampleB = 1;
var sampleC = sampleA << sampleB;
document . write( "<div class=\"sampleItem\">" );
document . write( "<div>" + sampleA + "</div>" );
document . write( "<div>" + sampleA . toString(2) + "</div>" );
document . write( "</div>" );
document . write( "<div style=\"clear: left;\"></div>" );
document . write( "<div class=\"sampleItem\">" );
document . write( "<div>" + sampleC + "</div>" );
document . write( "<div>" + sampleC . toString(2) + "</div>" );
document . write( "</div>" );
document . write( "<div style=\"clear: left;\"></div>" );
</script>
<!--
.sampleItem div {
float: left;
width: 60px;
text-align: right;
}
-->
</style>
<div class="sampleItem">
<div>10進数</div>
<div>2進数</div>
</div>
<div style="clear: left;"></div>
<script type="text/javascript">
var sampleA = 5;
var sampleB = 1;
var sampleC = sampleA << sampleB;
document . write( "<div class=\"sampleItem\">" );
document . write( "<div>" + sampleA + "</div>" );
document . write( "<div>" + sampleA . toString(2) + "</div>" );
document . write( "</div>" );
document . write( "<div style=\"clear: left;\"></div>" );
document . write( "<div class=\"sampleItem\">" );
document . write( "<div>" + sampleC + "</div>" );
document . write( "<div>" + sampleC . toString(2) + "</div>" );
document . write( "</div>" );
document . write( "<div style=\"clear: left;\"></div>" );
</script>
左シフト演算子と代入演算子の複合
左シフト演算子は、代入演算子と合成することができる。
変数 <<= 値;
変数 = 変数 << 値;と同じ結果が得られる。
左シフト演算子と代入演算子の複合代入演算子である左シフト代入演算子についてはこちら。