[Javascipt]CSV形式データから特定のカラムを抜き出しテーブル作成

サンプルコード

// 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 = $('<table></table>');

// ヘッダー行を追加する

const headerRow = $('<tr></tr>');

headers.forEach(header => {

  const th = $('<th></th>').text(header);

  headerRow.append(th);

});

table.append(headerRow);

// データ行を追加する

extractedData.forEach(data => {

  const tr = $('<tr></tr>');

  const td = $('<td></td>').text(data);

  tr.append(td);

  table.append(tr);

});

// HTMLにテーブルを追加する

$('body').append(table);