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

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

1 前言

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

2 案例

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

工作空间

待读取的TXT文件数据

read.html

<!DOCTYPE html>
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>读取TXT文件</title> 
</head> 
<body> 
<div id="text"></div> 
 
<script language="javascript"> 
	fso=new ActiveXObject("Scripting.FileSystemObject");
	var f=fso.OpenTextFile("C:\\Users\\81518\\Desktop\\demo\\test.txt"); //这里必须为绝对路径
	var str="";
	while(!f.AtEndOfStream){
		var temp=f.ReadLine().split(); //读取一行数据并按空格分割
		for(i=0;i<temp.length;i++){
			str+=temp[i]+"&nbsp;";
		}
		str+="<br>";
	}
	document.getElementById("text").innerHTML=str;
</script> 
 
</body> 
</html>

运行结果

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

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

相关文章

  • 使用js在页面中绘制表格核心代码

    使用js在页面中绘制表格核心代码

    在页面中绘制表格可以满足我们对数据的输入需求,在js中可以很容易实现,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-09-09
  • uniapp,微信小程序中使用 MQTT的问题

    uniapp,微信小程序中使用 MQTT的问题

    这篇文章主要介绍了uniapp,微信小程序中使用 MQTT的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • JS插件clipboard.js实现一键复制粘贴功能

    JS插件clipboard.js实现一键复制粘贴功能

    这篇文章主要介绍了JS插件clipboard.js实现一键复制粘贴功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • JavaScript立即执行函数的三种不同写法

    JavaScript立即执行函数的三种不同写法

    这篇文章主要介绍了JavaScript立即执行函数的三种不同写法,需要的朋友可以参考下
    2014-09-09
  • javascript抖动元素的小例子

    javascript抖动元素的小例子

    这篇文章介绍了javascript抖动元素的小例子,有需要的朋友可以参考一下
    2013-10-10
  • js局部刷新页面时间具体实现

    js局部刷新页面时间具体实现

    这篇文章介绍了js局部刷新页面时间具体实现,需要的朋友可以参考一下
    2013-07-07
  • JavaScript canvas实现七彩时钟效果

    JavaScript canvas实现七彩时钟效果

    这篇文章主要为大家详细介绍了JavaScript canvas实现七彩时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • JavaScript 模块化详解

    JavaScript 模块化详解

    这篇文章主要介绍了JavaScript 模块化详解,块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信,下面一起进入文章来接更多详细内容
    2021-12-12
  • JS实现淘宝幻灯片效果的实现方法

    JS实现淘宝幻灯片效果的实现方法

    淘宝幻灯片效果:能自动播放,鼠标指向或者点击数字按钮就能切换图片。
    2013-03-03
  • JavaScript实现代码雨效果

    JavaScript实现代码雨效果

    这篇文章主要为大家详细介绍了JavaScript实现代码雨效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-01-01

最新评论