基于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浏览器打开。

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

相关文章

  • webpack proxy如何解决跨域问题

    webpack proxy如何解决跨域问题

    webpack proxy,即webpack提供的代理服务,基本行为就是接收客户端发送的请求后转发给其他服务器,本文给大家介绍了webpack proxy如何解决跨域问题,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • 深入了解JavaScript 私有化

    深入了解JavaScript 私有化

    有人认为Javascript缺乏隐藏对象细节信息的特性,因为Javascript的对象没有私有变量和私有方法。这其实是个误解,Javascript对象是可以有这些私有成员的。下面我们来详细了解一下吧
    2019-05-05
  • JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享

    JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享

    这篇文章主要介绍了在JS中函数参数是传值(byVal)还是传址(byRef)的误区我们通过实例说明一下,有需要的朋友可以参考
    2013-07-07
  • Pixi.js实现可视化图形编辑器的方法

    Pixi.js实现可视化图形编辑器的方法

    本文主要介绍了Pixi.js实现可视化图形编辑器的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-03-03
  • Javascript设计模式理论与编程实战之简单工厂模式

    Javascript设计模式理论与编程实战之简单工厂模式

    简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮
    2015-11-11
  • Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    Firefox中autocomplete="off" 设置不起作用Bug的解决方法

    在实现补全提示功能时(Suggest),都会给输入框(Input)元素添加autocomplete属性,且值设为off。
    2011-03-03
  • easyui tree带checkbox实现单选的简单实例

    easyui tree带checkbox实现单选的简单实例

    下面小编就为大家带来一篇easyui tree带checkbox实现单选的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)

    Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)

    这篇文章主要介绍了irefox中通过JavaScript复制数据到剪贴板的方法,可以跨浏览器使用,大家可以使用看看
    2013-11-11
  • Javascript访问html页面的控件的方法详细分析

    Javascript访问html页面的控件的方法详细分析

    这段时间在公司比较的空闲,决定研究研究javascript访问html控件,这是很普遍的,这里我系统的研究javascript的访问方式,测试通过并有下面一些研究成就,供大家分享和补充。
    2008-08-08
  • 浅谈Webpack 持久化缓存实践

    浅谈Webpack 持久化缓存实践

    这篇文章主要介绍了浅谈Webpack 持久化缓存实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03

最新评论