快捷導(dǎo)航

利用Node轉(zhuǎn)換Excel成JSON的詳細(xì)步驟

更新時(shí)間：2022年11月28日 16:53:50 作者：空城機(jī)

最近工作中遇到一個(gè)需求,大致需求就是將Excel文件在導(dǎo)入時(shí)解析為json格式轉(zhuǎn)換數(shù)據(jù)結(jié)構(gòu)再傳輸給后臺(tái),下面這篇文章主要給大家介紹了關(guān)于如何利用Node轉(zhuǎn)換Excel成JSON的詳細(xì)步驟,需要的朋友可以參考下

前言

目前想使用Cocos Creator做一個(gè)文字游戲，類似于我的人生重開模擬器。

那么其中最重要的一點(diǎn)就是關(guān)于數(shù)據(jù)的存儲(chǔ)了。在我的人生重開模擬器中大部分事件和天賦的數(shù)據(jù)是存儲(chǔ)在excel表格當(dāng)中的，當(dāng)然如果要使用Cocos Creator，因?yàn)槲也粶?zhǔn)備布置服務(wù)器，所以需要將數(shù)據(jù)提前轉(zhuǎn)換成JSON文件,那么可以創(chuàng)建一個(gè)項(xiàng)目，使用node讀取excel文件，并通過格式轉(zhuǎn)換，將數(shù)據(jù)轉(zhuǎn)換成JSON。

這里網(wǎng)上有一些node調(diào)用excel的庫(kù)，我使用了node-xlsx，此庫(kù)底層基于強(qiáng)大的 SheetJS 構(gòu)建，對(duì) xlsx 文檔的格式兼容性足夠好。

npm地址：node-xlsx - npm (npmjs.com)

開始

在此之前我已經(jīng)新建了一個(gè)天賦表格talentTable.xlsx，里面已經(jīng)添加了許多天賦，并且有不同的屬性加成

pnpm init創(chuàng)建一個(gè)項(xiàng)目，然后使用pnpm add node-xlsx將庫(kù)導(dǎo)入項(xiàng)目當(dāng)中。

創(chuàng)建一個(gè)主文件excelMain.js，此文件中需要引入需要的庫(kù)

import { fileURLToPath } from 'node:url'
import path from 'path';
import fs from 'fs';
import xlsx from 'node-xlsx';

可以提前先將需要的存儲(chǔ)的json文件talent.json創(chuàng)建好，通過path將xlsx和json的文件夾相對(duì)路徑找到

// 獲取 __dirname 的 ESM 寫法
const __dirname = path.dirname(fileURLToPath(import.meta.url))
// xlsx文件路徑
const xlsxPath = path.resolve(__dirname, '../../assets/JsonData');

因?yàn)槲矣泻軒讉€(gè)表格，所以可以創(chuàng)建一個(gè)表格的路徑對(duì)象

// 事件， 玩家， 門派， 天賦， 武學(xué)
let dataNames = ['event', 'player', 'sect', 'talent', 'skill']
let dataPaths = {};
for(let iname of dataNames) {
    dataPaths[iname] = {
        xlsx: path.resolve(xlsxPath, `./${iname}Table.xlsx`),
        json: path.resolve(xlsxPath, `./${iname}.json`)
    }
}

然后創(chuàng)建一個(gè)讀取文件方法，這里需要用到fs中的readFileSync

// 讀取數(shù)據(jù)表方法
const readFileData = (tableName)=>{
    let fname = dataPaths[tableName].xlsx
    const xlsxData = xlsx.parse(fs.readFileSync(fname));
    ......
}

這里讀取到的xlsxData是一個(gè)數(shù)組對(duì)象，數(shù)組中的元素代表的其實(shí)是一張張sheet表格，xlsx表格中并不是只有一個(gè)表格，所以才會(huì)是數(shù)組對(duì)象，不過我需要的只是第一張表格。

所以獲取xlsxData[0].data的數(shù)據(jù)即可，data的數(shù)據(jù)是按照行排列的數(shù)組對(duì)象

然后到轉(zhuǎn)換成JSON格式數(shù)據(jù)是，需要變成屬性:屬性值的格式，所以可創(chuàng)建一個(gè)方法，將第一行屬性和從第三行開始的數(shù)據(jù)結(jié)合，創(chuàng)建一個(gè)對(duì)象數(shù)組。

const oneAndTwo = (arr)=>{
    if (arr.length <= 2) return [];
    let newarr = []
    for(let i = 2; i < arr.length; i++) {
        let newobj = {};
        for(let j = 0; j < arr[0].length; j++) {
            let jname = arr[0][j];
            newobj[jname] = (arr[i][j] != undefined)? arr[i][j] : null;
        }
        newarr.push(newobj)
    }
    return newarr;
}

這樣返回的對(duì)象就如下了

接下來就可以將數(shù)據(jù)開始寫入json文件當(dāng)中，使用fs.writeFile方法，格式使用utf-8即可

// 寫入JSON文件方法
const writeJson = (arr, jsonName)=>{
    let path = dataPaths[jsonName].json;
    let d = { data: arr }
    fs.writeFile(path, JSON.stringify(d), 'utf-8', (err)=>{
        console.log(`${jsonName}寫入成功`);
    });
}