Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何解析远程CSV文件_Javascript_Jquery_Csv_Ecmascript 6_Csvtoarray - Fatal编程技术网

Javascript 如何解析远程CSV文件

Javascript 如何解析远程CSV文件,javascript,jquery,csv,ecmascript-6,csvtoarray,Javascript,Jquery,Csv,Ecmascript 6,Csvtoarray,我有一个CSV文件存储在我的服务器上,我想从客户端的JavaScript代码解析它 目前我有以下不起作用的项目: function CSVToArray(strData, strDelimiter) { // Check to see if the delimiter is defined. If not, // then default to comma. strDelimiter = (strDelimiter || ","); // Create a regular ex

我有一个CSV文件存储在我的服务器上,我想从客户端的JavaScript代码解析它

目前我有以下不起作用的项目:

function CSVToArray(strData, strDelimiter) {
  // Check to see if the delimiter is defined. If not,
  // then default to comma.
  strDelimiter = (strDelimiter || ",");

  // Create a regular expression to parse the CSV values.
  var objPattern = new RegExp(
    (
      // Delimiters.
      "(\\" + strDelimiter + "|\\r?\\n|\\r|^)" +

      // Quoted fields.
      "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" +

      // Standard fields.
      "([^\"\\" + strDelimiter + "\\r\\n]*))"
    ),
    "gi"
  );

  // Create an array to hold our data. Give the array
  // a default empty first row.
  var arrData = [
    []
  ];

  // Create an array to hold our individual pattern
  // matching groups.
  var arrMatches = null;

  // Keep looping over the regular expression matches
  // until we can no longer find a match.
  while (arrMatches = objPattern.exec(strData)) {

    // Get the delimiter that was found.
    var strMatchedDelimiter = arrMatches[1];

    // Check to see if the given delimiter has a length
    // (is not the start of string) and if it matches
    // field delimiter. If id does not, then we know
    // that this delimiter is a row delimiter.
    if (
      strMatchedDelimiter.length &&
      strMatchedDelimiter !== strDelimiter
    ) {

      // Since we have reached a new row of data,
      // add an empty row to our data array.
      arrData.push([]);

    }

    var strMatchedValue;

    // Now that we have our delimiter out of the way,
    // let's check to see which kind of value we
    // captured (quoted or unquoted).
    if (arrMatches[2]) {

      // We found a quoted value. When we capture
      // this value, unescape any double quotes.
      strMatchedValue = arrMatches[2].replace(
        new RegExp("\"\"", "g"),
        "\""
      );

    } else {

      // We found a non-quoted value.
      strMatchedValue = arrMatches[3];
    }

    // Now that we have our value string, let's add
    // it to the data array.
    arrData[arrData.length - 1].push(strMatchedValue);
  }

  // Return the parsed data.
  return (arrData);
}
var res = CSVToArray("http://x.x.x.x/uploaded-img/location.csv", ",");
console.log(res);
结果:[“”]

预期结果:来自服务器实际csv文件的内容数据数组


有什么帮助吗?

一个简单的方法是使用papaParse之类的库。js@charlietfl我倾向于将其集成到React本机应用程序,该库是否仍在React本机应用程序上工作?我还在想,也许我必须以某种方式从服务器端进行配置,以将csv的内容作为字符串或smth返回,这样我就不必下载它了。。。我不确定我是不是糊涂了!当然这是一个javascript库你有没有在react native上安装这个库的例子
So basically it displays the url since the first parameter were suppose to be the actual content of CSV and not the file location. 
My question how do I get the content of the csv so then I can parse it and add to some array.