var start = function(){ function getCSV(){ //csvファイル読み込む関数 var req = new XMLHttpRequest(); //オブジェクト生成 req = 第一引数で指定されたパスに入ってきたHTTPリクエストを表す req.open("get", "data.csv", true) //csvファイルのパスを指定 データ開く req.send(null); //null = 値存在しない req.onload = function(){ convertCSV(req.responseText) } } function convertCSV(csvdate){ var data = []; //データを入れるための配列 var tmp = csvdate.split("\n"); //改行を基準にデータを行ごとで配列化 for(var i = 0; i < tmp.length; i++){ //各行ごとにカンマで区切った文字列の配列データを生成 var tmpROW = tmp[i].split(','); if(tmpROW !== ''){ data[i] = tmp[i].split(','); } } csvHTML(data); //格納し終えたデータを元に出力 } function csvHTML(list){ var outputHTML = ''; if(list !== undefined){ outputHTML += '<tabele>'; //最初にテーブル開始タグ挿入 for(var i = 0; i < list.length; i++){ //行のループ処理 if(i == 0){ outputHTML += '<thea>'; //最初の行のときtheadタグ挿入 }else if(i == 1){ outputHTML += '<tbody>'; //2行目のときtbodyタグ挿入 } outputHTML += '<tr>'; //trの開始タグ挿入 for(var j = 0; j < list[i].length; j++){ //1行ごとにループ if(i == 0){ //最初の行thタグでデータ挿入 outputHTML += '<th scope="col>'+list[i][j]+'</th>'; }else{ if(j == 0){ //2行目以降tdタグでデータ挿入 outputHTML += '<th scope="row>'+list[i][j]+'</th>'; }else{ outputHTML += '<td>'+list[i][j]+'</td>'; } } } outputHTML += '</tr>'; //trの閉じタグ挿入 if(i == 0){ //最初の行theadの閉じタグ挿入 outputHTML += '</thead>'; }else if (i == list.length -1){ //最後の行tbodyの閉じタグ挿入 outputHTML += '</tbody>'; } } outputHTML += '<table>'; //最後テーブルの閉じタグ挿入 // if(('.outputcsv').length){ // ('.outputcsv').html(outputHTML); //} } } getCSV(); //csvファイル読み込み実行 }