服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 基于JS实现快速读取TXT文件

基于JS实现快速读取TXT文件

2021-08-31 16:25little_fat_sheep JavaScript

这篇文章主要介绍了基于JS实现快速读取TXT文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1 前言

最近有个需求,需要使用JS快速读取外部大数据文件(60w条记录的表)。笔者尝试过使用JS读取Excel文件,但是跑了十几分钟仍未出结果,后来笔者尝试将原数据保存为TXT文件,再从TXT文件中读取数据,只需几秒钟即可读取完毕。在此分享一下,也留着以后备用。

2 案例

为方便快速理解,笔者挑选了一个数据量小、业务逻辑简单的案例:从TXT文件中读取数据,并按照原列表格式显示。

基于JS实现快速读取TXT文件

工作空间

基于JS实现快速读取TXT文件

待读取的TXT文件数据

read.html

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  5. <title>读取TXT文件</title>
  6. </head>
  7. <body>
  8. <div id="text"></div>
  9.  
  10. <script language="javascript">
  11. fso=new ActiveXObject("Scripting.FileSystemObject");
  12. var f=fso.OpenTextFile("C:\\Users\\81518\\Desktop\\demo\\test.txt"); //这里必须为绝对路径
  13. var str="";
  14. while(!f.AtEndOfStream){
  15. var temp=f.ReadLine().split(); //读取一行数据并按空格分割
  16. for(i=0;i<temp.length;i++){
  17. str+=temp[i]+"&nbsp;";
  18. }
  19. str+="<br>";
  20. }
  21. document.getElementById("text").innerHTML=str;
  22. </script>
  23.  
  24. </body>
  25. </html>

基于JS实现快速读取TXT文件

运行结果

注意:ActiveXObject类是IE浏览器独有,所以应用IE浏览器打开。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

原文链接:https://blog.csdn.net/m0_37602827/article/details/92975776

延伸 · 阅读

精彩推荐