为什么我的JavaScript对象通过返回转换为字符串？

Question

I'm trying to load some csv data into a JS object. It loads the data converts it to an object and everything is fine within my converting function, but when I try to access it outside the function it appears to be a string and is no longer a JS object.

async function loadData() {
    let data = $.get("./p1.csv", function(csv){
        var lines = csv.split("\n");
        var result = [];
        var headers = lines[0].split(",");

        for(var i=1; i<lines.length; i++){
            var obj = {};
            var currentline = lines[i].split(",");

            for(var j=0; j<headers.length; j++){
                obj[headers[j]] = currentline[j];
            }

            result.push(obj);
        }
        console.log("1", result)
        return result; 
    });
    console.log("2", await data)
    return await data;
}

I expect the two print statements to return the same content but they don't. Chrome dev tools output

SOLVED

Changing the function to the following solves it:

async function loadData() {
    let data = $.get("./p1.csv").then(function(csv){
        var lines = csv.split("\n");
        var result = [];
        var headers = lines[0].split(",");

        for(var i=1; i<lines.length; i++){
            var obj = {};
            var currentline = lines[i].split(",");

            for(var j=0; j<headers.length; j++){
                obj[headers[j]] = currentline[j];
            }

            result.push(obj);
        }
        console.log("1", result)
        return result; 
    });
    console.log("2", await data)
    return await data;
}

Answer 1

You're trying to return from a callback which does not work in JavaScript . Use async/await all the way through:

This statement return await data in your code is equivalent to

let data = $.get("./p1.csv")
return await data; // <-- this returns your raw csv data as string

async function loadData() {
  let csv = await $.get("./p1.csv");
  var lines = csv.split("\n");
  var result = [];
  var headers = lines[0].split(",");

  for(var i=1; i<lines.length; i++){
    var obj = {};
    var currentline = lines[i].split(",");

    for(var j=0; j<headers.length; j++){
      obj[headers[j]] = currentline[j];
    }

    result.push(obj);
  }
  console.log("1", result)
  return result; 
}