求支持指定关键字生成关联数组的JavaScript CSV文件读取器

当然可以实现！针对你给出的简化CSV格式，我写了一个轻量的JavaScript函数，它能读取本地CSV文件，并且允许你指定某一列（比如你提到的ID）作为关联数组的键，把整行数据对应到这个键上。

核心实现代码 #

function csvToAssociativeArray(keyColumn, callback) {
  // 创建FileReader实例
  const reader = new FileReader();

  reader.onload = function(e) {
    const csvData = e.target.result;
    // 按换行分割所有行，过滤空行
    const rows = csvData.split(/\r?\n/).filter(row => row.trim() !== '');
    if (rows.length === 0) {
      callback({});
      return;
    }

    // 获取表头行并分割成列名
    const headers = rows[0].split(',').map(header => header.trim());
    // 找到指定关键字列的索引
    const keyIndex = headers.indexOf(keyColumn);
    if (keyIndex === -1) {
      throw new Error(`指定的关键字列 "${keyColumn}" 不存在于CSV表头中`);
    }

    // 构建关联数组
    const associativeArray = {};
    // 从第二行开始遍历数据行
    for (let i = 1; i < rows.length; i++) {
      const columns = rows[i].split(',').map(col => col.trim());
      // 用关键字列的值作为键，整行数据转成对象作为值
      const keyValue = columns[keyIndex];
      const rowObject = {};
      headers.forEach((header, index) => {
        rowObject[header] = columns[index];
      });
      associativeArray[keyValue] = rowObject;
    }

    // 把结果传给回调函数
    callback(associativeArray);
  };

  // 处理读取错误
  reader.onerror = function() {
    throw new Error('读取CSV文件时发生错误');
  };

  // 浏览器环境下需通过文件选择器获取File对象
  const fileInput = document.querySelector('#fileInput');
  if (fileInput && fileInput.files[0]) {
    reader.readAsText(fileInput.files[0]);
  } else {
    throw new Error('请先选择要读取的CSV文件');
  }
}

如何使用 #

先添加一个文件选择器：

<input id="fileInput" type="file" accept=".csv">

然后调用函数：

// 监听文件选择事件
document.querySelector('#fileInput').addEventListener('change', function() {
  csvToAssociativeArray('ID', function(result) {
    // 这里的result就是以ID为键的关联数组
    console.log(result);
    // 示例访问：result['AL'] 会得到 { State: 'Alabama', ID: 'AL', Population: '1234' }
  });
});

补充说明 #

• 这个实现针对你提供的简化CSV格式（无引号包裹的字段、无换行的单元格），如果你的CSV有更复杂的格式（比如字段包含逗号或换行），可以考虑用成熟的CSV解析库来处理，避免自己写正则踩坑。
• 浏览器出于安全限制，不能直接通过文件路径读取本地文件，必须通过用户主动上传的方式获取File对象，代码里已经适配了这一点。
• 你可以灵活指定关键字列，比如想改用State作为键，只需要把第一个参数改成'State'即可。

内容的提问来源于stack exchange，提问作者AZBlue