Heim > Web-Frontend > js-Tutorial > Hauptteil

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

青灯夜游
Freigeben: 2021-07-19 10:24:46
nach vorne
3098 Leute haben es durchsucht

Dieser Artikel führt Sie durch die Verwendung von Node.js im Frontend, um das JSON-Format in Excel-Dateien und das Excel-Format in JSON-Dateien zu konvertieren. Ich hoffe, dass es hilfreich ist alle.

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

Normalerweise werden die von unserem Chef/Kunden gewünschten Daten in einem intuitiven Excel-Format angezeigt, aber unsere Front-End- oder Back-End-Daten liegen alle im JSON-Format vor, daher müssen wir das JSON-> Excel-Dateiformat verwenden Konvertierung: Wenn wir eine Webseite mit einer <table>-Komponente erstellen und eine Funktion implementieren möchten: nach Excel exportieren/nach Excel importieren, dann müssen wir JSON Bidirektionale Konvertierung des Excel-Dateiformats. [Empfohlenes Lernen: „<a href="https://www.php.cn/course/list/24.html" target="_blank" textvalue="nodejs Tutorial">nodejs Tutorial<code><table>组件,要实现一个功能:导出为 Excel / 导入 Excel,那么就需要进行 JSON Excel 的文件格式双向转换。【推荐学习:《<a href="https://www.php.cn/course/list/24.html" target="_blank" textvalue="nodejs 教程">nodejs 教程</a>》】<p>这本是后端同学的工作,其实前端同学也可以做,需要用的语言是 <code>Node.js

把 JSON 转换成 Excel 文件

流程

  • 利用 fs 模块读入数据并使用JSON.parse()方法转换格式

  • 遍历数据,处理得到 Object

  • 利用 json2xls 模块转换 Object 得到变量,利用 fs 模块写出 Excel

例子

参考 nodeJS把json数据转成excel(xlsx文件)输出 的例子,借助其需求:网站爬虫爬取到的数据转换为 Excel 文件:

data.json

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

result.xlsx

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

代码

需要引入的 npm 包有 fsjson2xls

const fs = require(&#39;fs&#39;)
const json2xls = require(&#39;json2xls&#39;);

fs.readFile(&#39;data.json&#39;,&#39;utf8&#39;,(err,data)=>{
  if (err) throw err;
  const json = JSON.parse(data);
  const jsonArray = [];
  json.forEach(function(item){
    let temp = {
      &#39;类型&#39; : item.type,
      &#39;问题&#39; : item.question,
      &#39;选项&#39; : item.answers,
      &#39;答案&#39; : item.trueAnswer
    }
    jsonArray.push(temp);
  });
  
  let xls = json2xls(jsonArray);
  
  fs.writeFileSync(&#39;result.xlsx&#39;, xls, &#39;binary&#39;);
})
Nach dem Login kopieren

把 Excel 转换成 JSON 文件

流程

  • 读取本地 Excel 文件到变量暂存;

  • 处理变量数据;(根据各自需求处理)

  • 处理后的数据写入本地 JSON 文件

例子

参考 Node.js excel转json 文章,借助其需求:把 data.xlsx 文件转换成 result.json

data.xlsx

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

result.json

Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen

代码

需要引入的 npm 包有 fsnode-xlsx"]

Das ist In Tatsächlich können Front-End-Studenten auch die Arbeit von Back-End-Studenten erledigen. Die benötigte Sprache ist Node.js

JSON konvertieren Excel-Dateien

Prozess

    < li> Verwenden Sie das fs-Modul, um die Daten zu lesen und verwenden Sie die Methode JSON.parse(), um das Format zu konvertieren

  • 🎜Durchlaufen Sie die Daten und verarbeiten Sie sie, um das Objekt zu erhalten 🎜
  • 🎜Verwenden Sie json2xls. Das Modul konvertiert Objekte, um Variablen zu erhalten, und verwendet das fs-Modul zum Schreiben von Excel🎜

Beispiel

🎜ReferenznodeJS konvertiert JSON-Daten in Excel (XLSX-Datei) zur Ausgabe 🎜 Beispiel mit Hilfe von Seine Anforderungen: Konvertieren Sie die vom Website-Crawler gecrawlten Daten in eine Excel-Datei: 🎜🎜data.json🎜🎜Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen🎜🎜result.xlsx🎜🎜Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen🎜

Code

🎜npm-Pakete umfassen fs, json2xls🎜
var xlsx = require("node-xlsx");
var fs = require(&#39;fs&#39;);
var list = xlsx.parse("raw-data.xlsx"); // 需要转换的excel文件

var data = list[0].data;  // 1.读取json数据到变量暂存
var len = data.length;
var outData_cn = {}; // 中文
var outData_us = {}; // 英文
for(let i = 0; i < len; i ++){  // 2. 数据处理
    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),&#39;utf-8&#39;,complete);  //  3. 数据写入本地json文件
//           输出的json文件        数据          文件编码格式 完成事件
function complete(err) {
   if(!err) console.log("文件生成成功");
}
Nach dem Login kopieren
Excel in JSON-Datei konvertieren strong>

Prozess

  • 🎜Lokale Excel-Dateien in den variablen temporären Speicher übertragen 🎜
  • 🎜Variablendaten verarbeiten (nach Bedarf verarbeiten); 🎜
  • 🎜Die verarbeiteten Daten werden in lokale JSON-Dateien geschrieben🎜

Beispiel

🎜Referenz
Node.js Excel to JSON🎜 Artikel, mit dem Hilfe seiner Anforderungen: Konvertieren Sie die Datei data.xlsx in result.json🎜🎜data.xlsx🎜🎜 Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen🎜🎜result.json🎜🎜Lassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen🎜

Code

🎜Das npm-Paket, das importiert werden muss, ist fs, node-xlsx. Befolgen Sie die obigen drei Schritte 🎜 rrreee🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Einführung in die Programmierung🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonLassen Sie uns über die bidirektionale Konvertierung des JSON-Formats und des Excel-Formats in Node.js sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:掘金--ALKAOUA
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage