基于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 相关文章推荐
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
介绍一个简单的JavaScript类框架
Jun 24 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
Aug 27 Javascript
webpack打包单页面如何引用的js
Jun 07 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
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中去掉字符串首尾空格的方法
2012/05/19 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
php中的动态调用实例分析
2015/01/07 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
js使用函数绑定技术改变事件处理程序的作用域
2011/12/26 Javascript
打开新窗口关闭当前页面不弹出关闭提示js代码
2013/03/18 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
20个实用的JavaScript技巧分享
2014/11/28 Javascript
jQuery中;function($,undefined) 前面的分号的用处
2014/12/17 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
详解参数传递四种形式
2015/07/21 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
Node.js中路径处理模块path详解
2016/11/14 Javascript
Web前端框架bootstrap实战【第一次接触使用】
2016/12/28 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
2019/04/17 Javascript
js实现无缝轮播图效果
2020/03/09 Javascript
Python工厂函数用法实例分析
2018/05/14 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
python实现flappy bird游戏
2018/12/24 Python
python爬虫之快速对js内容进行破解
2019/07/09 Python
django 信号调度机制详解
2019/07/19 Python
python实现两个文件夹的同步
2019/08/29 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
公司股权转让协议书
2014/04/12 职场文书
船舶工程技术专业求职信
2014/08/07 职场文书