配列リテラル

投稿日: 2013年2月14日作成者: alphasis

JavaScriptの配列リテラルについて。

構文

値、式、変数などをカンマ区切りで羅列し、角括弧[]で括る。

[ 値１, 値２, 値３, …値Ｎ ]

[ 式１, 式２, 式３, …式Ｎ ]

[ 変数１, 変数２, 変数３, …変数Ｎ ]

サンプル

数値

<script type="text/javascript">
var $arrayNum = [ 2, 5, 10 ];
document.write( $arrayNum[0] + '<br />' );
document.write( $arrayNum[1] + '<br />' );
document.write( $arrayNum[2] + '<br />' );
</script>

↓↓↓出力結果↓↓↓

文字列

<script type="text/javascript">
var $arrayStr = [ 'a', 'b', 'c' ];
document.write( $arrayStr[0] + '<br />' );
document.write( $arrayStr[1] + '<br />' );
document.write( $arrayStr[2] + '<br />' );
var $arrayStr = [ '文字列Ａ', '文字列Ｂ', '文字列Ｃ' ];
document.write( $arrayStr[0] + '<br />' );
document.write( $arrayStr[1] + '<br />' );
document.write( $arrayStr[2] + '<br />' );
</script>

↓↓↓出力結果↓↓↓

式

<script type="text/javascript">
var $arrayExpression = [ 3*1, 3*2, 3*3 ];
document.write( $arrayExpression[0] + '<br />' );
document.write( $arrayExpression[1] + '<br />' );
document.write( $arrayExpression[2] + '<br />' );
</script>

↓↓↓出力結果↓↓↓

変数

<script type="text/javascript">
var $varA = 2;
var $varB = $varA + 3;
var $varC = '文字列';
var $arrayVar = [ $varA, $varB, $varC ];
document.write( $arrayVar[0] + '<br />' );
document.write( $arrayVar[1] + '<br />' );
document.write( $arrayVar[2] + '<br />' );
</script>

↓↓↓出力結果↓↓↓

カテゴリー: JavaScript, リテラル, リファレンス, 配列リテラルパーマリンク