前端有時要處理一些數據(比如多語言文件內容的替換),我們不要傻乎乎地幹這種重複枯燥又浪費時間的ctrl C
+ ctrl V
的工作,這種事情交給計算機做再合適不過了。
這篇文章只是簡單地介紹前端如何通過Node來讀取Excel
或txt
文件中的數據,然後寫入到txt
文件中的方法。首先給出文件的內容:test.txt文件只有一句話(我是txt文件的內容);test.xlsx文件中,具體如圖所示:
讀取txt文件
廢話不多說,show me your code:
/** 引入Node的文件模塊 */
const fs = require("fs");
/** 獲取要讀取的文件的路徑 */
const path = "./test.txt";
/** 判斷該文件是否存在 */
const isExist = fs.existsSync(path);
/** 讀取文件的內容 */
const data = isExist ? fs.readFileSync(path, "utf-8") : "";
/** 測試讀取 */
console.log("test.txt的內容:", data) // test.txt的內容: 我是txt文件的內容
寫入txt文件
/** 引入Node的文件模塊 */
const fs = require("fs");
/** 測試寫入 */
fs.writeFile("write.txt", "測試寫入", (err, data) => {
if (err) throw err;
});
這裏我們並不需要主動創建write.txt
,代碼會自動判斷這個文件是否存在,如果不存在則自動創建該文件。注意,如果該文件存在,調用writeFile
(該方法的完整使用可以參考這)時,將會用新的內容替換掉原有的內容。運行如下:
還有一種是追加操作,就是在原來的基礎上添加數據:
/** 引入Node的文件模塊 */
const fs = require("fs");
/** 測試寫入 */
fs.appendFile("write.txt", "測試寫入", (err, data) => {
if (err) throw err;
});
運行如下:
提示:這裏需要注意的是,當我們向文件中直接寫入的是JS對象的時候,結果並不符合我們的預期:
/** 引入Node的文件模塊 */
const fs = require("fs");
const obj = {
name: 'cc',
age: 15
}
/** 測試寫入 */
fs.writeFile("write.txt", obj, (err, data) => {
if (err) throw err;
});
運行結果:
這時可以通過JSON.stringify()
字符串化對象,即可:
/** 引入Node的文件模塊 */
const fs = require("fs");
const obj = {
name: 'cc',
age: 15
}
/** 測試寫入 */
fs.writeFile("write.txt", JSON.stringify(obj), (err, data) => {
if (err) throw err;
});
結果如下:
爲了使寫入格式更好看一點,可以往JSON.stringify()
方法中添加一些參數(JSON.stringify()
方法的使用可以參考這),比如添加一個Tab
縮進:
/** 引入Node的文件模塊 */
const fs = require("fs");
const obj = {
name: 'cc',
age: 15
}
/** 測試寫入 */
fs.writeFile("write.txt", JSON.stringify(obj, null, '\t'), (err, data) => {
if (err) throw err;
});
讀取Excel文件
/** 引入Node的文件模塊 */
const fs = require("fs");
/** 引入Excel文件處理模塊(若沒安裝,安裝一下即可) */
const xlsx = require('node-xlsx');
/** 解析excel文檔 */
const sheets = xlsx.parse('./test.xlsx');
console.log("sheets data:", sheets)
可以看到輸出的結果:
解析後的內容sheets
是一個數組,每一個sheet表以一個對象{ name: 'xxx', data: [...]}
的形式作爲數組的元素。
完整的樣子如下:
/** sheets的完整內容 */
[{
name: 'Sheet1', /** sheet頁名稱 */
data: [
['name', 'age'], /** 第一個元素爲表頭 */
['Tom', 11],
['Bob', 13]
]
}, {
name: 'Sheet2', /** sheet頁名稱 */
data: [
['animal', 'legs'], /** 第一個元素爲表頭 */
['cat', 4],
['dog', 4],
['duck', 2]
]
}]
寫入Excel文件
從上面我們知道了讀取Excel
後的文件的格式,那麼寫入也只要按照這種格式構建好,再調用函數寫入就行啦~
/** 引入Node的文件模塊 */
const fs = require("fs");
/** 引入Excel文件處理模塊 */
const xlsx = require('node-xlsx');
/** 構建數據 */
const myData = [{
name: '我的表格1',
data: [
['name', 'age'],
['Tom', 11],
['Bob', 13]
]
}, {
name: '我的表格2',
data: [
['animal', 'legs'],
['cat', 4],
['dog', 4],
['duck', 2]
]
}]
/** 構建數據流 */
const buffer = xlsx.build(myData);
/** 將數據寫入write.xlsx */
fs.writeFile('./write.xlsx', buffer, err => {
if (err) {
throw err;
}
});
同理,write.xlsx
文件如果不存在的話也會自動創建。運行結果如下:
至此,我們都知道了讀取以及寫入文件的方法,接下來任你折騰,想幹嘛就幹嘛,可以愉快地玩數據了~