Papa Parse 非常有帮助,原因如下:
- 解析 CSV 文件的速度非常快
- 它自动检测“分隔符”,即分隔值的字符
- 它可以让你轻松解析字符串、本地文件和远程文件
使用 Papa Parse 解析 CSV 文件
- 首先,使用 npm 安装 Papa Parse:
- npm install papaparse
- 或者使用以下方式导入:
- <script type="text/javascript" src="papaparse.min.js"></script>
针对大文件的解析会消耗大量的时间和资源,导致页面长时间不能响应,当长时间运行的脚本与页面在同一线程中执行时,就会发生这种情况。通过指定 来使用worker: true
线程。这可能需要稍长的时间,但您的页面将保持响应状态。
以下是官网的介绍方案:
Papa.parse(bigFile, {
worker: true,
step: function(row) {
console.log("Row:", row.data);
},
complete: function() {
console.log("All done!");
}
以下是实际运行过程中使用的完整语句的图示,可以参考:
paPaParseCSV(file, callback) {
let i=0;
let csvPreview = [];
Papa.parse(file, {
header: true,
skipEmptyLines: true,
encoding: this.fileParseEncoding,
step: function(results, parser) {
i++;
csvPreview.push(results.data);
if(i > 49){
parser.abort();
}
},
complete: function (results, file) {
console.log("All files done!");
callback(csvPreview);
}
});
},