如何将本地csv文件加载到JavaScript数组中

如何将本地csv文件加载到JavaScript数组中,javascript,csv,Javascript,Csv,我能够在网页上显示csv文件中的内容(基于我在本网站上找到的内容),但如何将csv值读入JavaScript数组 假设我有一个CSV格式的文件: 红,绿,蓝 橙色,黄色,黑色 靛蓝、紫色、海军蓝、 非常感谢您的帮助。函数上传csv(){ function UploadCSV() { var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/; if (regex.test($("#fileUpload").val().toLowerCase())) {

我能够在网页上显示csv文件中的内容(基于我在本网站上找到的内容),但如何将csv值读入JavaScript数组

假设我有一个CSV格式的文件:

红,绿,蓝

橙色,黄色,黑色

靛蓝、紫色、海军蓝、

非常感谢您的帮助。

函数上传csv(){
function UploadCSV() {
var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.csv|.txt)$/;
if (regex.test($("#fileUpload").val().toLowerCase())) {
    if (typeof (FileReader) != "undefined") {
        var reader = new FileReader();
        reader.onload = function (e) {
            try{
                var table = $("<table />");
                var rows = e.target.result.split("\n");
                for (var i = 0; i < rows.length; i++) {
                    var row = $("<tr />");
                    var cells = rows[i].split("|");
                    if (cells.length > 1) {
                        for (var j = 0; j < cells.length; j++) {
                            var cell = $("<td />");
                            var td = cells[j].replace(/[^\x00-\x7F]/g, "");
                            cell.text(td);
                            row.append(cell);
                        }
                        table.append(row);
                    }

                }
                $("#dvCSV").html('');
                $("#dvCSV").append(table);
            }
            catch(e)
            {
                $('#meessageBar1').text(e.message);
                $('#meessageBar1').fadeIn("slow", function () {
                    setTimeout(messageBar1Remove, 2000);
                });
            }
        }
        reader.readAsText($("#fileUpload")[0].files[0]);
    } else {
        $('#meessageBar1').text('This browser does not support HTML5.');
        $('#meessageBar1').fadeIn("slow", function () {
            setTimeout(messageBar1Remove, 2000);
        });
    }
}
var regex=/^([a-zA-Z0-9\s\\\.\-:])+(.csv|.txt)$/; if(regex.test($(“#fileUpload”).val().toLowerCase()){ if(typeof(FileReader)!=“未定义”){ var reader=new FileReader(); reader.onload=函数(e){ 试一试{ 变量表=$(“”); var rows=e.target.result.split(“\n”); 对于(变量i=0;i1){ 对于(var j=0;j
}

这是一个我用来从管道(“|”)中读取数据的片段,将csv文件数据分离到HTML表中,您可以
var cells=rows[I].split(“|”)更改此行,无论您的csv文件用作分隔符。在这里,我将每行的每个单元格数据附加到一个表行中,您可以忽略这一点,只需将整个数据插入一个数组。如果这对您有帮助,请将其标记为已接受答案。谢谢。

函数上传CSV(){
var regex=/^([a-zA-Z0-9\s\\\.\-:])+(.csv|.txt)$/;
if(regex.test($(“#fileUpload”).val().toLowerCase()){
if(typeof(FileReader)!=“未定义”){
var reader=new FileReader();
reader.onload=函数(e){
试一试{
变量表=$(“”);
var rows=e.target.result.split(“\n”);
对于(变量i=0;i1){
对于(var j=0;j
}


这是一个我用来从管道(“|”)中读取数据的片段,将csv文件数据分离到HTML表中,您可以
var cells=rows[I].split(“|”)更改此行,无论您的csv文件用作分隔符。在这里,我将每行的每个单元格数据附加到一个表行中,您可以忽略这一点,只需将整个数据插入一个数组。如果这对您有帮助,请将其标记为已接受答案。谢谢。

也许你可以试试我删除了以前的评论。我能够使用Papa Parse看到我的csv文件的每一行的数组。我必须点击小三角形来展开。我不知道如何使用console.log再次查看阵列。也许您可以尝试删除我以前的评论。我能够使用Papa Parse看到我的csv文件的每一行的数组。我必须点击小三角形来展开。我不知道如何使用console.log再次查看阵列。