javascript - 使用 Javascript 将文件读入数组 - 似乎无法使其工作

Question

我有一个简单的 2 列 csv 文件，我希望我的站点读取该文件并最终将其解析为一个数组。数据格式如下:

亚特兰大勇士队，Atlanta_Braves
巴尔的摩金莺队，Baltimore_Orioles
波士顿红袜队，Boston_Red_Sox
等

该文件当前存储在与我的 html 文件相同的位置。我正在尝试使用 ajax 请求将文件中的数据提取到数组中，然后进一步解析，使 myArray[0][0] = 'Atlanta Braves'。

这是我的代码:

var myArray = [];

$.ajax({
    type: 'GET',
    url: 'datafilename.csv',
    success: function(data){processData(data);}
});

function processData(data){
    myArray = data.split('\n');
    for (i = 0; i < myArray.length; i++){
        myArray[i] = myArray[i].split(',');
    }       
}

alert(myArray[0][0]);

不幸的是，警报只返回“未定义”。我在这里做错了什么？如有任何反馈，我们将不胜感激。

Answer 1

$.ajax 是一个异步函数。这意味着它要等到您的其他同步代码已经运行之后的某个时间才会完成。尝试添加这个:

function processData(data) {
    // Your existing code goes here...
    alert(myArray[0][0]);
}

之所以可行，是因为 processData 仅在 AJAX 调用返回后 运行。异步函数基本上是这样工作的:

var value = 1;
setTimeout(function() {
  value = 2; // This won't happen for about 1 second
  console.log(value); // 2
}, 1000); // Run this function in 1 second
console.log(value); // 1. This happens almost immediately, without pause