阅读内容数据对象

Question

我使用JavaScript代码读取csv文件的细胞，我想将它推到AA二维数组，以做一些处理

var dataArray = new Array; 
     function parseCSV(dataArray) { 
      //replace UNIX new lines 
      data = data.replace(/\r\n/g, "\n"); 
      //replace MAC new lines 
      data = data.replace(/\r/g, "\n"); 
      //split into rows 
      var rows = data.split("\n"); 

      // loop through all rows 
      for (var i = 0; i < rows.length; i++) { 
       // this line helps to skip empty rows 
       if (rows[i]) { 
        // our columns are separated by comma 
        var column = rows[i].split(","); 


        var date=column[0]; 
        var value = column[4]; 

        // create object which contains all these items: 
        var dataObject = { 
         date: date, 
         T4: value 
        }; 
        dataArray.push(dataObject); 
       } 
      } 
     } 
     } 

作为测试，我尝试读取小区含量并显示在网页上以验证我是否读取了该文件。

<script type="text/javascript"> 
     var x= dataArray[1][4]; 
     document.write(x); 
    </script> 

但它没有显示任何东西。 任何人都可以帮忙吗？

Answer 1

var dataArray = new Array; 

var data = "Date,Description,Created By,Modified By,T4 Tag\n"; 
data += "20170424,This is record 1,user1,none,Just work please.\n"; 
data += "20170424,This is record 2,user2,none,I'm trying too.\n"; 

function parseCSV(dataArray) { 
    //replace UNIX new lines 
    data = data.replace(/\r\n/g, "\n"); 
    //replace MAC new lines 
    data = data.replace(/\r/g, "\n"); 
    //split into rows 
    var rows = data.split("\n"); 

    // loop through all rows 
    for (var i = 0; i < rows.length; i++) { 
     // this line helps to skip empty rows 
     if (rows[i]) { 
      // our columns are separated by comma 
      var column = rows[i].split(","); 


      var date=column[0]; 
      var value = column[4]; 

      // create object which contains all these items: 
      var dataObject = { 
       date: date, 
       T4: value 
      }; 
      dataArray.push(dataObject); 
     } 
    } 
} 
parseCSV(dataArray); 

由于缺少一个文件，我将一些CSV数据强制转换为字符串进行处理。 你的问题没有显示这两个项目：你是如何设定VAR数据

你是如何调用parseCSV（dataArray中）

如果这两个东西是目前所有

1. 应该工作 - Here's the proof

   ---

   至于HTML脚本部分：

   您的阵列解决长相错了 - 现在看来似乎应该是这样的：

   <script> 
       var x = dataArray[1].T4; 
       document.write(x); 
   </script> 
   

   ---

   这里是我的推理：

   我明白您将CSV数据传递给此函数以将其解析为您的dataArray变量 - 对吗？

   如果正确，这些数据看起来像我手动添加的（我直接添加了这个只是为了处理某些事情）。

   更大的项目不是数据来自哪里，而是最终它被这个parseCSV函数解析。

   发生这种情况时，你正在建设追加到空dataArray中变量通过以下方式：

   在第一轮，这将如下所示：

   [{“日期”：“日期”， “T4”： “T4标记”}]

   对于第二遍：

   [{ “日期”： “日期”， “T4”： “T4标记”}，{ “日期”： “20170424”，“T4”：“请工作。”}]

   对于第三关：

   [{ “日期”： “日期”， “T4”： “T4标签”}，{ “日期”： “20170424”， “T4”：“刚工作请。 “}，{”date“：”20170424“，”T4“：”我也在尝试。“}]

   所以，现在当你在你的HTML代码节，你有没有地址的关键[4]

   您的代码表示：

   var x = dataArray[1][4]; 
   

   考虑下面来看看我的意思：

   var record = dataArray[1]; 
   //{"date" : "20170424", "T4" : "Just work please."} 
   //There is no key 4 here only date & T4. 
   var date = record.date;//returns: "20170424" 
   var t4 = record.T4;//returns: "Just work please." 
   

   相反，如果你有牛逼他以下 - 你的方法将工作

   myObj = {"date" : "20170424", "4" : "This is a value for field 4", "T4" : "Just work please."} 
   myObj[4];//returns "This is a value for field 4"; 
   

   希望这可以解释得很清楚。

Answer 2

这里是负载CSV文件功能

function loadCSV(file) { 
      if (window.XMLHttpRequest) { 
       // IE7+, Firefox, Chrome, Opera, Safari 
       var request = new XMLHttpRequest(); 
      } else { 
       // code for IE6, IE5 
       var request = new ActiveXObject('Microsoft.XMLHTTP'); 
      } 
      // load 
      request.open('GET', file, false); 
      request.send(); 
      parseCSV(dataArray); 
     }