多次元配列を作り、変数に代入

投稿日: 2012年11月28日作成者: alphasis

多次元配列を作り、変数に代入する方法と、多次元配列の要素にアクセスする方法。

解説

多次元配列を作る

２次元配列を作った要領で、次元を増やしていけば、多次元配列を作ることができる。

[]で括る方法

<script type="text/javascript">
var sampleArray = [
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
];
</script>

new Array()

<script type="text/javascript">
var sampleArray = new Array(
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
);
</script>

Array()

<script type="text/javascript">
var sampleArray = Array(
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
);
</script>

多次元配列の要素にアクセス

インデックスを複数指定すれば、多次元配列の要素にアクセスできる。

<script type="text/javascript">
sampleArray[0][0][0] // 要素１－１－１
sampleArray[0][2][2] // 要素１－３－３
sampleArray[1][0][1] // 要素２－１－２
sampleArray[2][1][2] // 要素３－２－３
</script>

サンプル

[]で括る方法

ソースコード

<script type="text/javascript">
var sampleArray = [
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
];
for( indexA = 0; indexA < sampleArray . length; indexA++ ){
for( indexB = 0; indexB < sampleArray[indexA] . length; indexB++ ){
document . write( sampleArray[indexA][indexB][0] + " : " );
document . write( sampleArray[indexA][indexB][1] + " : " );
document . write( sampleArray[indexA][indexB][2] + "<br />" );
}
}
</script>

new Array()

ソースコード

<script type="text/javascript">
var sampleArray = new Array(
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
);
for( indexA = 0; indexA < sampleArray . length; indexA++ ){
for( indexB = 0; indexB < sampleArray[indexA] . length; indexB++ ){
document . write( sampleArray[indexA][indexB][0] + " : " );
document . write( sampleArray[indexA][indexB][1] + " : " );
document . write( sampleArray[indexA][indexB][2] + "<br />" );
}
}
</script>

Array()

ソースコード

<script type="text/javascript">
var sampleArray = Array(
[
[ "要素１－１－１", "要素１－１－２", "要素１－１－３" ],
[ "要素１－２－１", "要素１－２－２", "要素１－２－３" ],
[ "要素１－３－１", "要素１－３－２", "要素１－３－３" ]
],
[
[ "要素２－１－１", "要素２－１－２", "要素２－１－３" ],
[ "要素２－２－１", "要素２－２－２", "要素２－２－３" ],
[ "要素２－３－１", "要素２－３－２", "要素２－３－３" ]
],
[
[ "要素３－１－１", "要素３－１－２", "要素３－１－３" ],
[ "要素３－２－１", "要素３－２－２", "要素３－２－３" ],
[ "要素３－３－１", "要素３－３－２", "要素３－３－３" ]
]
);
for( indexA = 0; indexA < sampleArray . length; indexA++ ){
for( indexB = 0; indexB < sampleArray[indexA] . length; indexB++ ){
document . write( sampleArray[indexA][indexB][0] + " : " );
document . write( sampleArray[indexA][indexB][1] + " : " );
document . write( sampleArray[indexA][indexB][2] + "<br />" );
}
}
</script>

カテゴリー: JavaScript, リファレンス, 変数パーマリンク