JavaScript CSV读取行和列并存储在变量中

Question

我有一个非常简单的需求，但不知道如何实现。下面的Javascript代码读取一个CSV文件并创建一个HTML表。我的CSV中有以下数据：

Type, Item, Value, Dec, Figure
SUM,ThisItem,ThisValue,2,4
SUM,ThisItem1,ThisValue1,4,5
RCT,ThisItem1,ThisValue1,6,7

我如何在下面的代码中插入一个代码或一行来帮助我存储"；类型"；变量中的列值；项目"；变量中的列值等等；SUM"；然后采取一些操作(例如，向表发送数据或完成行(。我试了几次添加一些逻辑，但都无济于事。

function Upload() {
const columns = [0,1,2,3,4] // represents allowed column 1 and 3 in index form
var fileUpload = document.getElementById("fileUpload");
var regex = /^([a-zA-Z0-9s_\.-:])+(.csv|.txt)$/;
if (regex.test(fileUpload.value.toLowerCase())) {
if (typeof (FileReader) != "undefined") {
var reader = new FileReader();
reader.onload = function (e) {
var table = document.createElement("table");
var rows = e.target.result.split("n");
for (var i = 0; i < rows.length; i++) { var cells = rows[i].split(","); if (cells.length > 1) {
var row = table.insertRow(-1);
for (var j = 0; j < cells.length; j++) {
// ignore columns that are not allowed
if (!columns.includes(j)) {
continue
}
var cell = row.insertCell(-1);
cell.innerHTML = cells[j];
}
}
}
var dvCSV = document.getElementById("dvCSV");
dvCSV.innerHTML = "";
dvCSV.appendChild(table);
}
reader.readAsText(fileUpload.files[0]);
} else {
alert("This browser does not support HTML5.");
}
} else {
alert("Please upload a valid CSV file.");
}

}

Answer 1

cells[j]是CSV文件中的文本内容，在每次迭代中使用条件检查您要查找的值是否匹配，如果匹配，则定义变量并完成行。