用 JavaScript 解析 .csv 文件

superPershing 發(fā)布于2019-08-19 18:15 / 1523人閱讀

First Step:

$.ajax({
  url: "csv_data.csv",
  dataType: "text",
}).done(successFunction);

Second Step:Converting a CSV File Into an HTML Table

function successFunction(data) {
  var allRows = data.split(/
?
|
/);
  var table = "";
  for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
    if (singleRow === 0) {
      table += "";
      table += "";
    } else {
      table += "";
    }
    var rowCells = allRows[singleRow].split(",");
    for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
      if (singleRow === 0) {
        table += "";
      } else {
        table += "";
      }
    }
    if (singleRow === 0) {
      table += "";
      table += "";
      table += "";
    } else {
      table += "";
    }
  } 
  table += "";
  table += "
";
        table += rowCells[rowCell];
        table += " ";
        table += rowCells[rowCell];
        table += "
";
  $("body").append(table);
}

Third Step: Adding Styles to the HTML Table

table {
  margin: 0 auto;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
}
 
tr:nth-child(even) {
  background: #d4d4d4;
}
 
th, td {
  padding: 10px 30px;
}
 
th {
  border-bottom: 1px solid #d4d4d4;
}

result:

云服務(wù)器 GPU云服務(wù)器 java解析csv文件讀取CSV文件 php導出csv文件 java讀取csv文件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79389.html

相關(guān)文章

Python3網(wǎng)絡(luò)爬蟲實戰(zhàn)---31、數(shù)據(jù)存儲：文件存儲

摘要：如果該文件已存在，文件指針將會放在文件的結(jié)尾。運行結(jié)果以上是讀取文件的方法。為了輸出中文，我們還需要指定一個參數(shù)為，另外規(guī)定文件輸出的編碼。上一篇文章：Python3網(wǎng)絡(luò)爬蟲實戰(zhàn)---30、解析庫的使用：PyQuery下一篇文章：Python3網(wǎng)絡(luò)爬蟲實戰(zhàn)---32、數(shù)據(jù)存儲：關(guān)系型數(shù)據(jù)庫存儲:MySQL 我們用解析器解析出數(shù)據(jù)之后，接下來的一步就是對數(shù)據(jù)進行存儲了，保存的形式可以...

dreamans 2019-07-31 10:35 評論0 收藏0
JavaScript機器學習之線性回歸

摘要：不能用于機器學習太慢幻覺矩陣操作太難有函數(shù)庫啊，比如只能用于前端開發(fā)開發(fā)者笑了機器學習庫都是開發(fā)者機器學習庫神經(jīng)網(wǎng)絡(luò)神經(jīng)網(wǎng)絡(luò)自然語言處理卷積神經(jīng)網(wǎng)絡(luò)一系列庫神經(jīng)網(wǎng)絡(luò)深度學習我們將使用來實現(xiàn)線性回歸，源代碼在倉庫。譯者按: AI時代，不會機器學習的JavaScript開發(fā)者不是好的前端工程師。原文: Machine Learning with JavaScript : Part 1 ...

gitmilk 2019-08-21 11:48 評論0 收藏0
另類爬蟲：從PDF文件中爬取表格數(shù)據(jù)

摘要：本文將展示如何利用的模塊從文件中爬取表格數(shù)據(jù)。但如何從文件中提取其中的表格，這卻是一個大難題。我們以輸出文件為例從文件中提取表格將表格數(shù)據(jù)轉(zhuǎn)化為文件得到的文件如下例在例中，我們將提取頁面中的某一區(qū)域的表格的數(shù)據(jù)。簡介 ??本文將展示一個稍微不一樣點的爬蟲。??以往我們的爬蟲都是從網(wǎng)絡(luò)上爬取數(shù)據(jù)，因為網(wǎng)頁一般用HTML,CSS,JavaScript代碼寫成，因此，有大量成熟的技術(shù)來爬取...

Anchorer 2019-07-31 11:14 評論0 收藏0
NPM酷庫049：csv-parse，解析csv文件

摘要：酷庫，每天兩分鐘，了解一個流行庫。在酷庫中，我們介紹了可以將數(shù)據(jù)導出為文件的庫，今天，今天我們再來了解如何解析導入一個文件。用于將一個文本字符串數(shù)據(jù)解析為對象或數(shù)組張三李四張三李四除了同步方式解析，還提供異步函數(shù)和流對象支持。 NPM酷庫，每天兩分鐘，了解一個流行NPM庫。· 在NPM酷庫048中，我們介紹了可以將JSON數(shù)據(jù)導出為csv文件的庫：json2csv，今天，今天我們再來了...

spademan 2019-08-26 11:47 評論0 收藏0