在Javascript中读取CSV文件并将名称写入一个数组并将值写入另一个数组

// 选择CSV文件的input元素
var inputElement = document.createElement('input');
inputElement.type = 'file';

// 监听input元素的change事件
inputElement.addEventListener('change', function(e) {
  var file = e.target.files[0]; // 获取用户选择的文件对象

  // 创建FileReader对象
  var reader = new FileReader();

  // 文件读取完成后的回调函数
  reader.onload = function(event) {
    var contents = event.target.result; // 获取读取的文本内容
    var lines = contents.split('\n'); // 按行分割文本

    var names = []; // 存储名称的数组
    var values = []; // 存储值的数组

    // 遍历每行数据
    for (var i = 0; i < lines.length; i++) {
      var line = lines[i].trim(); // 去除首尾空格
      if (line) {
        var fields = line.split(','); // 按逗号分割字段

        var name = fields[0]; // 获取第一个字段作为名称
        var value = fields[1]; // 获取第二个字段作为值

        names.push(name); // 将名称添加到数组
        values.push(value); // 将值添加到数组
      }
    }

    console.log(names); // 输出名称数组
    console.log(values); // 输出值数组
  };

  // 将文件内容读取为文本
  reader.readAsText(file);
});

// 将input元素添加到页面中
document.body.appendChild(inputElement);