如何使用Javascript将csv格式化为html表格行和列

如何使用javascript获取以下csv数据块并将其转换为tr和td

Jess,Female,04/26/1990,North Central College,Aix,Spring 2012,WebApp,
MC,Female,04/27/1991,Carnegie Mellon University,Aix,Spring 2012,WebApp,
Sharon,Female,04/03/1967,Hobart and William Smith Colleges,Aix,Spring 2012,WebApp,
Nancy,Female,08/15/1989,The New School,Aix,Spring 2011,WebApp,
Jacqueline,Female,03/18/1991,University of South Carolina,Aix,Spring 2011,WebApp,
Sydney,Female,12/11/1990,University of Vermont,Aix,Spring 2011,WebApp,
Kelsey,Female,12/08/1989,University of Vermont,Aix,Spring 2011,WebApp,
Oktavia,Female,11/05/1990,SUNY - Albany,Aix,Spring 2011,WebApp,
Courtney,Female,12/02/1988,Ithaca College,Aix,Spring 2009,WebApp,
Nike,Female,24.2.1989,Appleby College,Aix,Spring 2008,WebApp,
Linda,Female,8/26/1964,Kalamazoo College,Aix,Spring 2009,WebApp,
Allison,Female,12/15/1976,University of San Diego,Aix,Spring 2009,WebApp,
Carmen,Female,02/07/1988,Carnegie Mellon University,Aix,Spring 2008,WebApp,
Nora,Female,10/23/88,Eastern Washington University,Aix,Spring 2009,WebApp,
Jennifer,Female,10/27/79,University of Kansas,Aix,Spring 2009,WebApp,

csv数据中每一行所需的表格格式

<tr><td>Jess</td> <td>Female<td><td>04/26/1990</td><td>North Central College</td><td>Aix</td><td>Spring 2012</td><td>WebApp</td></tr>

Jess Female04/26/1990中北学院2012春季网络应用

假设变量中包含CSV数据（无论是通过Ajax还是其他方式检索），则可以使用获取行数组并在逗号上拆分每行：

var data = // your data
var lines = data.split("\n"),
    output = [],
    i;
for (i = 0; i < lines.length; i++)
    output.push("<tr><td>"
                + lines[i].slice(0,-1).split(",").join("</td><td>")
                + "</td></tr>");
output = "<table>" + output.join("") + "</table>";

var data=//您的数据
变量行=data.split（“\n”），
输出=[]，
我
对于（i=0；i

（字符串将忽略每行的尾随逗号。）

演示：

如何：

var data = //your data

data = "<table><tr>" + 
  data.replace(/,\n/g,"<tr>")
      .replace(/,/g, "<td>")
      .replace(/<tr>$/,"") +
  "</table>";

var data=//您的数据
data=”“+
数据。替换（/，\n/g，“”）
.替换（/，/g，“”）
.替换（/$/，“”）+
"";

在JavaScript中？是通过Ajax检索CSV，还是…？对不起，是JavaScript，CSV数据是通过Ajax检索的。刚刚更新了问题。@CarlWeis是的，但是您如何将数据导入Javascript？我将如何做相反的操作。将html仅用于tr和td，并将其转换为csv格式？因为它不能处理我的一些数据。

yourHTML.replace（/|/g，“”）.replace(​​​​​​​​​​​​​​​​​​//g、 “，”）。replace（//g，“\n”）

会将tr和td元素的字符串转换回CSV。或者修改我答案中的代码，在标签上拆分，在逗号和换行符上连接……继续获取对象没有方法push@josh-

.push（）

是一种数组方法。你的对象是我的答案中所示的数组吗？@josh-我不确定你所说的“缓存它”是什么意思-

I

变量的作用域与你在评论中所示的完全相同（JS没有用

var

声明的变量的块作用域，只有函数作用域，因此您的更改对执行没有影响）。这不包括正确的结束标记。例如

结束标记对于TR和TD是可选的。