基于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小数计算出现近似值的解决办法
Feb 06 Javascript
asp.net+js实现金额格式化
Feb 27 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
JavaScript中子对象访问父对象的方式详解
Sep 01 Javascript
Angular JS数据的双向绑定详解及实例
Dec 31 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
Node.js使用Angular简单示例
May 11 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
Jul 23 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
Aug 10 Javascript
element-ui中dialog弹窗关闭按钮失效的解决
Sep 22 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 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中debug_backtrace、debug_print_backtrace和匿名函数用法实例
2014/12/01 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
PHP命名空间与自动加载类详解
2018/09/04 PHP
基于PHP实现发微博动态代码实例
2020/12/11 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
jquery学习总结(超级详细)
2014/09/04 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
原生js实现移动端瀑布流式代码示例
2015/12/18 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
jQuery Ajax 加载数据时异步显示加载动画
2016/08/01 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
荐书|您有一份JavaScript书单待签收
2017/07/21 Javascript
JS一个简单的注册页面实例
2017/09/05 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
使用Python的PEAK来适配协议的教程
2015/04/14 Python
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
python制作最美应用的爬虫
2015/10/28 Python
python实现停车管理系统
2018/11/30 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
浅谈tensorflow中张量的提取值和赋值
2020/01/19 Python
在pycharm中使用matplotlib.pyplot 绘图时报错的解决
2020/06/01 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
高级护理专业大学生求职信
2013/10/24 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书