二次元配列の処理

配列の中身を表示する
forのネスト

配列の中身を表示する

次の配列の全ての値を表示するプログラムを考えてみてください。

var hairetsu = [
           ["あ","い"],//1行目
           ["か","き"],//2行目
           ["さ","し"] //3行目
         ];

var hairetsu = [

["あ","い"],//1行目

["か","き"],//2行目

["さ","し"] //3行目

];

次のプログラムで実現できます。

<meta charset="UTF-8">
<script type="text/javascript">

var hairetsu = [
           ["あ","い"],//1行目
           ["か","き"],//2行目
           ["さ","し"] //3行目
         ];

//行数分ループ
for(var i = 0;i < hairetsu.length;i = i + 1){
    //列数分ループ
    for(var j = 0;j< hairetsu[0].length;j = j + 1){
        document.write(i+"行"+j+"列="+hairetsu[i][j]+"<BR>");
    }
}

</script>

var hairetsu = [

["あ","い"],//1行目

["か","き"],//2行目

["さ","し"] //3行目

];

//行数分ループ

for(var i = 0;i < hairetsu.length;i = i + 1){

//列数分ループ

for(var j = 0;j< hairetsu[0].length;j = j + 1){

document.write(i+"行"+j+"列="+hairetsu[i][j]+"<BR>");

}

</script>

実行結果です。

forのネスト

第５回判断の命令の中に命令では、「if」命令のネストを行いましたが、今回は「for」命令のネストです。

//行数分ループ
for(var i = 0;i < hairetsu.length;i = i + 1){
    //列数分ループ
    for(var j = 0;j< hairetsu[0].length;j = j + 1){
        document.write(i+"行"+j+"列="+hairetsu[i][j]+"<BR>");
    }
}

//行数分ループ