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


Posted in Javascript onAugust 25, 2020

1 前言

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

2 案例

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

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

工作空间

基于JS实现快速读取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]+" ";
		}
		str+="<br>";
	}
	document.getElementById("text").innerHTML=str;
</script> 
 
</body> 
</html>

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

运行结果

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

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

Javascript 相关文章推荐
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
转换json格式的日期为Javascript对象的函数
Jul 13 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
JQuery简单实现锚点链接的平滑滚动
May 03 Javascript
JQuery实现动态添加删除评论的方法
May 18 Javascript
JavaScript中join()方法的使用简介
Jun 09 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
简单谈谈vue的过渡动画(推荐)
Oct 11 Javascript
微信小程序返回上一级页面的实现代码
Jun 19 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
Vue实现简单的拖拽效果
Aug 25 #Javascript
浅谈JavaScript节流和防抖函数
Aug 25 #Javascript
JS实现拖动模糊框特效
Aug 25 #Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 25 #Javascript
JS轮播图的实现方法2
Aug 25 #Javascript
JS轮播图的实现方法
Aug 24 #Javascript
js 函数性能比较方法
Aug 24 #Javascript
You might like
php cookie使用方法学习笔记分享
2013/11/07 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
PHP调用接口用post方法传送json数据的实例
2018/05/31 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
Prototype使用指南之hash.js
2007/01/10 Javascript
javascript通过class来获取元素实现代码
2013/02/20 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
2014/08/27 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
最丑的时钟效果!js canvas时钟制作方法
2016/08/15 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
[02:43]2018DOTA2亚洲邀请赛主赛事首日TOP5
2018/04/04 DOTA
Flask之flask-session的具体使用
2018/07/26 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
Python matplotlib绘制饼状图功能示例
2019/09/10 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Python模块的定义,模块的导入,__name__用法实例分析
2020/01/07 Python
Python内置函数及功能简介汇总
2020/10/13 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
塔吉特百货公司官网:Target
2017/04/27 全球购物
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
英国床垫和床架购物网站:Bedman
2019/11/04 全球购物
2014年团队工作总结
2014/11/24 职场文书
中秋节慰问信
2015/02/15 职场文书
重温经典:乔布斯在斯坦福大学的毕业演讲(双语)
2019/08/26 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
你真的会用Mysql的explain吗
2022/03/31 MySQL