サンプルコード
// CSV形式のデータ
const csvData = 'Name,Age,Gender\nJohn,25,Male\nJane,30,Female\nBob,40,Male\n';
// カンマ区切りの文字列を配列に変換する
const rows = csvData.trim().split('\n');
const headers = rows[0].split(',');
const columnIndexToExtract = 1; // 取り出すカラムのインデックス(この例では、2列目の「Age」を取得する)
// 抽出対象のカラムのデータを格納する配列
const extractedData = [];
// 各行から指定したカラムのデータを抽出する
for (let i = 1; i < rows.length; i++) {
const columns = rows[i].split(',');
extractedData.push(columns[columnIndexToExtract]);
}
// HTMLのテーブルを作成する
const table = document.createElement('table');
const headerRow = document.createElement('tr');
// ヘッダー行を追加する
headers.forEach(header => {
const th = document.createElement('th');
th.textContent = header;
headerRow.appendChild(th);
});
table.appendChild(headerRow);
// データ行を追加する
extractedData.forEach(data => {
const tr = document.createElement('tr');
const td = document.createElement('td');
td.textContent = data;
tr.appendChild(td);
table.appendChild(tr);
});
// HTMLにテーブルを追加する
document.body.appendChild(table);