Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将数据从csv文件或excel文件导出到javascript对象?_Javascript_Html_Excel_Csv_Chart.js - Fatal编程技术网

如何将数据从csv文件或excel文件导出到javascript对象?

如何将数据从csv文件或excel文件导出到javascript对象?,javascript,html,excel,csv,chart.js,Javascript,Html,Excel,Csv,Chart.js,我想知道是否有办法将数据从CSV文件导出到javascript对象,当有人编辑CSV文件时,它会自动在javascript文件中更改。非常感谢。以下步骤在下面的代码段中实现。请根据需要进行自定义 选择输入CSV文件。(该代码段针对UTF-8编码的CSV文件进行了测试) 读取CSV文件数据 解析CSV文件数据并构造JSON对象 如果需要,操纵或修改JSON对象 将JSON对象导出为CSV var-CsvRows; var头; //选择文件时将触发此事件 //注意:此代码针对UTF-8编码的CSV

我想知道是否有办法将数据从CSV文件导出到javascript对象,当有人编辑CSV文件时,它会自动在javascript文件中更改。非常感谢。

以下步骤在下面的代码段中实现。请根据需要进行自定义

  • 选择输入CSV文件。(该代码段针对UTF-8编码的CSV文件进行了测试)
  • 读取CSV文件数据
  • 解析CSV文件数据并构造JSON对象
  • 如果需要,操纵或修改JSON对象
  • 将JSON对象导出为CSV
  • var-CsvRows;
    var头;
    //选择文件时将触发此事件
    //注意:此代码针对UTF-8编码的CSV文件进行测试
    功能手柄更改(evt){
    var reader=new FileReader();
    reader.onload=函数(){
    //result提供文件内容
    document.getElementById('out').innerHTML=reader.result;
    //将结果解析为javascript对象
    var lines=reader.result.split('\r\n');
    headers=行[0]。拆分(',');
    line.shift();
    CsvRows=行。映射((项目)=>{
    var值=项目分割(',');
    var行={};
    headers.map((h,i)=>{
    行[h]=值[i];
    });
    返回行;
    });
    控制台日志(CsvRows);
    document.getElementById('result').style.display='block'
    };
    //读取所选文件
    reader.readAsBinaryString(evt.files[0]);
    };
    //将javscript对象导出为csv
    函数exportCSV(){
    //构建csv广告数据url
    让csvContent=“data:text/csv;charset=utf-8,”+
    headers.join(“,”+“\r\n”;
    //以csv格式构建数据
    var data=CsvRows.map(e=>{
    var行=“”;
    headers.map((h)=>{
    直线+=e[h]+',';
    });
    返回line.substr(0,line.length-1);
    }).join(“\r\n”)
    csvContent+=数据;
    //构造锚定标签
    var encodedUri=encodeURI(csvContent);
    var link=document.createElement(“a”);
    link.setAttribute(“href”,encodedUri);
    //提供导出文件名
    setAttribute(“下载”,“mydata.csv”);
    document.body.appendChild(link);//FF需要
    //触发下载CSV
    link.click();
    link.remove();
    }
    
    有关Javascript对象,请参见控制台。
    导出导入的文件导出
    
    是否要导入csv文件?@Narayanan我想从csv文件中获取数据并将其放在对象上,例如,我有这样一个:`data:[{x:'01.08.2018',y:0},{x:'03.08.2018',y:-0.16},`我想更改csv文件数据的值