本篇文章帶大家了解一下前端如何使用Node.js實現(xiàn)JSON格式轉(zhuǎn)Excel 文件,Excel格式轉(zhuǎn)JSON文件,介紹一下它們進行轉(zhuǎn)換的流程,希望對大家有所幫助。
通常情況下我們 老板 / 客戶 想要的數(shù)據(jù)是以直觀的 Excel 格式展示出來,但我們前端或者后端的數(shù)據(jù)都是 JSON 格式的,那么就需要進行 JSON -> Excel 的文件格式轉(zhuǎn)換;如果我們做了一個網(wǎng)頁,里面有個<table>組件,要實現(xiàn)一個功能:導(dǎo)出為 Excel / 導(dǎo)入 Excel,那么就需要進行 JSON <-> Excel 的文件格式
把 JSON 轉(zhuǎn)換成 Excel 文件
流程
利用 fs 模塊讀入數(shù)據(jù)并使用
JSON.parse()
方法轉(zhuǎn)換格式遍歷數(shù)據(jù),處理得到 Object
利用 json2xls 模塊轉(zhuǎn)換 Object 得到變量,利用 fs 模塊寫出 Excel
例子
參考 nodeJS把json數(shù)據(jù)轉(zhuǎn)成excel(xlsx文件)輸出 的例子,借助其需求:網(wǎng)站爬蟲爬取到的數(shù)據(jù)轉(zhuǎn)換為 Excel 文件:
data.json
result.xlsx
代碼
需要引入的 npm 包有 fs、json2xls
const fs = require('fs') const json2xls = require('json2xls'); fs.readFile('data.json','utf8',(err,data)=>{ if (err) throw err; const json = JSON.parse(data); const jsonArray = []; json.forEach(function(item){ let temp = { '類型' : item.type, '問題' : item.question, '選項' : item.answers, '答案' : item.trueAnswer } jsonArray.push(temp); }); let xls = json2xls(jsonArray); fs.writeFileSync('result.xlsx', xls, 'binary'); })
把 Excel 轉(zhuǎn)換成 JSON 文件
流程
讀取本地 Excel 文件到變量暫存;
處理變量數(shù)據(jù);(根據(jù)各自需求處理)
處理后的數(shù)據(jù)寫入本地 JSON 文件
例子
參考 Node.js excel轉(zhuǎn)json 文章,借助其需求:把 data.xlsx 文件轉(zhuǎn)換成 result.json
data.xlsx
result.json
代碼
需要引入的 npm 包有 fs、node-xlsx,步驟按照上面的三部曲
var xlsx = require("node-xlsx"); var fs = require('fs'); var list = xlsx.parse("raw-data.xlsx"); // 需要轉(zhuǎn)換的excel文件 var data = list[0].data; // 1.讀取json數(shù)據(jù)到變量暫存 var len = data.length; var outData_cn = {}; // 中文 var outData_us = {}; // 英文 for(let i = 0; i < len; i ++){ // 2. 數(shù)據(jù)處理 let item = data[i]; outData_cn[item[0]] = item[1]; outData_us[item[0]] = item[2]; } var outData = { cn: outData_cn, us: outData_us } fs.writeFile("result.json",JSON.stringify(outData),'utf-8',complete); // 3. 數(shù)據(jù)寫入本地json文件 // 輸出的json文件 數(shù)據(jù) 文件編碼格式 完成事件 function complete(err) { if(!err) console.log("文件生成成功"); }