从简单的 3 行 CSV 获取 Javascript 数据的最佳方法

Question

我有一个简单的 CSV（使用 JQuery 的 $.ajax 从同一站点上的 /data/league.csv 导入），其中三行格式完全相同：

"Kimberlin Library","Queen's Building","Innovation Centre","etc etc"
8,2,0,-2
1,0,-1,0

我想采用这种格式（使用 building 和 percent 作为 Highcharts 中 x-y 轴的数据，并使用所有三个填充列表）：

var leaguetable = {
    building: ["Kimberlin Library","Queen's Building","Innovation Centre","etc etc"],
    percent: [8,2,0,-2],
    change: [1,0,-1,0]
};

微不足道的尴尬，但我一直在画一个空白，尽管尝试了其他人的方法（包括split(/\r\n|\n|r/)，搜索/^(.*)$/m）和this question），所以准备从头开始。我需要尽可能简单的东西，无论是 JQuery 还是纯 Javascript。对于类似的问题，我最终将文件转换为 JSON，但如果可能的话，我想避免这种情况。

Answer 1

试试这个。它将通过下面代码中的正则表达式模式处理简单的 CSV 和单引号或双引号 CSV。你必须调整processCSV() 的结尾来做你想做的事，因为我只是把对象归还给稀薄的空气。

$(document).ready(function() {
    $.ajax({
        type: "GET",
        url: "my_csv.txt",
        dataType: "text",
        success: function(data) {processCSV(data);}
     });
 });

function processCSV(allLines) {
    var allLinesArray = allLines.split(/\r\n|\n/);
    var leaguetable = { 'building': [], 'percent': [], 'change': [] };
    var pattern = /([^,'"]*"[^"]*"[^,'"]*)|([^,'"]*'[^']*'[^,'"]*)|([^,"']*)/ig;
    var fieldValues;

    for (var i=0; i<allLinesArray.length; i++) {
        fieldValues = allLinesArray[i].match(pattern);
        if (fieldValues) {
            for (var j=0; j<fieldValues.length; j++) {
                // if begins with single- or double-quote, strip specified quotes
                if (fieldValues[j].charAt(0) === '"' || fieldValues[j].charAt(0) === "'") {
                    fieldValues[j] = fieldValues[j].replace(fieldValues[j].substr(0,1), "");
                }
            }
            // I'll trust your CSV to have the right number of fields, but...
            // you may want to build some validation in before doing the next 3 lines
            leaguetable.building.push(fieldValues[1]);
            leaguetable.percent.push(fieldValues[2]);
            leaguetable.change.push(fieldValues[3]);
        }
    }
    return leaguetable;
}

Answer 2

假设您的 CSV 很简单，您可能想要执行以下操作：

1. 将数据分成几行。
2. 遍历行：
   1. 用逗号分隔行。
   2. 将第一部分附加到building 数组。
   3. 在使用parseInt 解析后，将第二部分附加到percent 数组。
   4. 对第三部分和change 数组执行相同操作。