站長資訊網(wǎng)本篇文章帶大家了解一下前端如何使用Node.js實(shí)現(xiàn)JSON格式轉(zhuǎn)Excel 文件，Excel格式轉(zhuǎn)JSON文件，介紹一下它們進(jìn)行轉(zhuǎn)換的流程，希望對大家有所幫助。
通常情況下我們 老板 / 客戶 想要的數(shù)據(jù)是以直觀的 Excel 格式展示出來，但我們前端或者后端的數(shù)據(jù)都是 JSON 格式的，那么就需要進(jìn)行 JSON -> Excel 的文件格式轉(zhuǎn)換；如果我們做了一個(gè)網(wǎng)頁，里面有個(gè)<table>組件，要實(shí)現(xiàn)一個(gè)功能：導(dǎo)出為 Excel / 導(dǎo)入 Excel，那么就需要進(jìn)行 JSON <-> Excel 的文件格式雙向轉(zhuǎn)換。【推薦學(xué)習(xí)：《nodejs 教程》】
這本是后端同學(xué)的工作，其實(shí)前端同學(xué)也可以做，需要用的語言是 Node.js
把 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, '選項(xiàng)' : 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("文件生成成功"); }
