サンプルコード


// 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);