基于JS實(shí)現(xiàn)快速讀取TXT文件
1 前言
最近有個(gè)需求，需要使用JS快速讀取外部大數(shù)據(jù)文件（60w條記錄的表）。筆者嘗試過(guò)使用JS讀取Excel文件，但是跑了十幾分鐘仍未出結(jié)果，后來(lái)筆者嘗試將原數(shù)據(jù)保存為T(mén)XT文件，再?gòu)腡XT文件中讀取數(shù)據(jù)，只需幾秒鐘即可讀取完畢。在此分享一下，也留著以后備用。
2 案例
為方便快速理解，筆者挑選了一個(gè)數(shù)據(jù)量小、業(yè)務(wù)邏輯簡(jiǎn)單的案例：從TXT文件中讀取數(shù)據(jù)，并按照原列表格式顯示。
工作空間
待讀取的TXT文件數(shù)據(jù)
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"); //這里必須為絕對(duì)路徑
var str="";
while(!f.AtEndOfStream){
var temp=f.ReadLine().split(); //讀取一行數(shù)據(jù)并按空格分割
for(i=0;i<temp.length;i++){
str+=temp[i]+" ";
}
str+="<br>";
}
document.getElementById("text").innerHTML=str;
</script>
</body>
</html>
運(yùn)行結(jié)果
注意：ActiveXObject類(lèi)是IE瀏覽器獨(dú)有，所以應(yīng)用IE瀏覽器打開(kāi)。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
webpack proxy,即webpack提供的代理服務(wù),基本行為就是接收客戶(hù)端發(fā)送的請(qǐng)求后轉(zhuǎn)發(fā)給其他服務(wù)器,本文給大家介紹了webpack proxy如何解決跨域問(wèn)題,感興趣的朋友跟隨小編一起看看吧2023-10-10
有人認(rèn)為Javascript缺乏隱藏對(duì)象細(xì)節(jié)信息的特性，因?yàn)镴avascript的對(duì)象沒(méi)有私有變量和私有方法。這其實(shí)是個(gè)誤解，Javascript對(duì)象是可以有這些私有成員的。下面我們來(lái)詳細(xì)了解一下吧2019-05-05
JavaScript 函數(shù)參數(shù)是傳值(byVal)還是傳址(byRef) 分享
這篇文章主要介紹了在JS中函數(shù)參數(shù)是傳值(byVal)還是傳址(byRef)的誤區(qū)我們通過(guò)實(shí)例說(shuō)明一下，有需要的朋友可以參考2013-07-07
Pixi.js實(shí)現(xiàn)可視化圖形編輯器的方法
本文主要介紹了Pixi.js實(shí)現(xiàn)可視化圖形編輯器的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
Javascript設(shè)計(jì)模式理論與編程實(shí)戰(zhàn)之簡(jiǎn)單工廠(chǎng)模式
簡(jiǎn)單工廠(chǎng)模式是由一個(gè)方法來(lái)決定到底要?jiǎng)?chuàng)建哪個(gè)類(lèi)的實(shí)例, 而這些實(shí)例經(jīng)常都擁有相同的接口. 這種模式主要用在所實(shí)例化的類(lèi)型在編譯期并不能確定， 而是在執(zhí)行期決定的情況。 說(shuō)的通俗點(diǎn)，就像公司茶水間的飲料機(jī)，要咖啡還是牛奶取決于你按哪個(gè)按鈕2015-11-11
Firefox中autocomplete="off" 設(shè)置不起作用Bug的解決方法
在實(shí)現(xiàn)補(bǔ)全提示功能時(shí)(Suggest)，都會(huì)給輸入框(Input)元素添加autocomplete屬性，且值設(shè)為off。2011-03-03
easyui tree帶checkbox實(shí)現(xiàn)單選的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇easyui tree帶checkbox實(shí)現(xiàn)單選的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
Firefox中通過(guò)JavaScript復(fù)制數(shù)據(jù)到剪貼板(Copy to Clipboard 跨瀏覽器版)
這篇文章主要介紹了irefox中通過(guò)JavaScript復(fù)制數(shù)據(jù)到剪貼板的方法，可以跨瀏覽器使用，大家可以使用看看2013-11-11
Javascript訪(fǎng)問(wèn)html頁(yè)面的控件的方法詳細(xì)分析
這段時(shí)間在公司比較的空閑,決定研究研究javascript訪(fǎng)問(wèn)html控件，這是很普遍的，這里我系統(tǒng)的研究javascript的訪(fǎng)問(wèn)方式，測(cè)試通過(guò)并有下面一些研究成就，供大家分享和補(bǔ)充。2008-08-08
這篇文章主要介紹了淺談Webpack 持久化緩存實(shí)踐,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03