JavaScript

2次元配列を使う

サンプルコード


出力先エリア
<div id='test'></div>


<SCRIPT Language="JavaScript">
<!--

Dat = Array();
DatClm = Array();

Dat[0] = "200603,5000,950,410";
Dat[1] = "200703,5800,1150,550";
Dat[2] = "200803,8500,3100,1630";
Dat[3] = "200903,4500,-900,-2000";


// カンマ区切り指定でカラムを2次元配列に格納
for(i=0;i<Dat.length;i++){
	DatClm[[i][0]] = Dat[i].split(",");
}

AddHtml="<table><tr>";
AddHtml+="<th width='100'>決算日</th>";
AddHtml+="<th width='100'>売上</th>";
AddHtml+="<th width='100'>営業利益</th>";
AddHtml+="<th width='100'>純利益</td></th>";

// 2次元配列の1次元(行:i)の繰り返し
for(i=0;i<Dat.length;i++){
  AddHtml+="<tr>";
  // 2次元配列の2次元(カラム:n)の繰り返し
  for(n=0;n<4;n++){
    AddHtml+="<td style='text-align:center'>" + DatClm[i][n] + "</td>";
  }
  AddHtml+="</tr>";
}
AddHtml+="</table><br /><br />";

 id='test' の div に書き出す
document.getElementById('test').innerHTML = AddHtml;

// -->
</SCRIPT>

表示結果

      Document-Folder          一覧
HP-UX
HULFT
JAVA
JP1
JavaScript
Linux
MAC
PHP
Perl
Python
Ruby
SOA
Solaris
Unix全般
Windows
XML
エクセル
スタイルシート
セキュリティー
データベース
ネットワーク
パソコン
ブラウザ
プログラム構文
仮想化
          RSS-Folder
ニュース
   アットマーク・アイティ(@IT)
   シンクイット(ThinkIT)
   インターネットコム
   インターネットウォッチ
   日経IT-Pro
   日経パソコン
   CNET Japan
   ZD-NetJapan
   MYCOM
   RBB-Today
ベンダー
   日本IBM
   日本HP
   サンマイクロシステムズ
   NEC
   富士通
   日立
ソフトウェア
   マイクロソフト
   トレンドマイクロ
   オラクル
   サイボウズ
   Mozilla
   野村総合研究所
   (その他ソフトウェア企業)
更新履歴 一覧
 07/08 PERF
プログラム構文
 07/07 PERF
プログラム構文
 06/25 オブジェクトプログラミング2
Perl>サンプル
 07/12 クローン作成
仮想化>vCenter
 07/12 vyatta設定
ネットワーク>vyatta
 07/12 vyattaインストール
ネットワーク>vyatta
 07/12 リポジトリサーバ
Linux>サーバ構築
 07/05 VMwareのインストール
仮想化>VMware
 07/05 PXEブート
仮想化>KVM
 07/01 DHCPでのPXEブート
仮想化>KVM
 06/27 qcow2仮想DISK作成
仮想化>KVM
 06/13 NWの設定
仮想化>VMwareEsxi
 06/13 IPアドレスの変更
仮想化>VMwareEsxi
 06/12 自動ssh
Unix全般>シェル>Bash
 06/12 diffプログラミング
Python
Google