json在線轉excel

一、介紹

JSON（JavaScript Object Notation）是輕量級的文本數據交換格式，由Douglas Crockford在2001年創造。JSON採用完全獨立於語言的文本格式，且具備良好的可讀性，非常適合網絡傳輸。Excel文件，則是一種常用的辦公文檔格式，用於記錄和分析數據。在實際項目開發中，將JSON轉化為Excel可以方便地進行數據可視化分析。因此，在線轉換JSON文件為Excel文件的工具成為了一種常見的需求。

二、實現原理

JSON在線轉Excel的實現原理主要涉及到兩個方面：一是將JSON字符串解析為JavaScript對象，二是通過迭代該JavaScript對象，將每個屬性和值填充到Excel表格中相應的單元格里。在這個過程中，我們需要使用一些常見的開源庫，例如：

Json2Excel：將JSON對象生成Excel並提供下載的庫
js-xlsx：提供操作Excel文件的功能，包括讀取、解析和寫入等
FileSaver.js：提供文件下載的功能


const Json2Excel = require('json2excel');
const XLSX = require('xlsx');
const FileSaver = require('file-saver');

const json = {'name': 'Tom', 'age': 18, 'gender': 'male', 'hobby': ['swimming', 'reading']}

// 將JSON對象轉化為Excel文件
const sheet = XLSX.utils.json_to_sheet([json])
const workbook = {
  Sheets: { 'data': sheet},
  SheetNames: ['data']
};
const excelFile = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary'});

// 下載Excel文件
const filename = 'demo.xlsx';
const blob = new Blob([s2ab(excelFile)], {type: 'application/octet-stream'});
FileSaver.saveAs(blob, filename);

function s2ab(s) {
  const buf = new ArrayBuffer(s.length);
  const view = new Uint8Array(buf);
  for (let i=0; i<s.length; i++) {
     view[i] = s.charCodeAt(i) & 0xFF;
  }
  return buf;
}

三、使用指南

JSON在線轉Excel工具的使用非常簡單，只需要在頁面上輸入JSON字符串，點擊轉化按鈕即可生成Excel文件。下面是一個基於jQuery和Bootstrap的實現示例：


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JSON to Excel</title>
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="js-xlsx.min.js"></script>
  <script src="FileSaver.min.js"></script>
  <script src="json2excel.js"></script>
</head>
<body>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-md-offset-4">
        <h3 class="text-center">JSON to Excel</h3>
        <div class="form-group">
          <label for="source">Input JSON:</label>
          <textarea class="form-control" rows="5" id="source"></textarea>
        </div>
        <button type="button" class="btn btn-primary btn-lg btn-block" onclick="convert()">Convert</button>
      </div>
    </div>
  </div>
  
  <script>
    function convert() {
      const source = $('#source').val();
      const sheet = XLSX.utils.json_to_sheet(JSON.parse(source));
      const workbook = {
        Sheets: { 'data': sheet},
        SheetNames: ['data']
      };
      const excelFile = XLSX.write(workbook, { bookType: 'xlsx', type: 'binary'});

      const filename = 'result.xlsx';
      const blob = new Blob([s2ab(excelFile)], {type: 'application/octet-stream'});
      saveAs(blob, filename);
    }

    function s2ab(s) {
      const buf = new ArrayBuffer(s.length);
      const view = new Uint8Array(buf);
      for (let i=0; i<s.length; i++) {
         view[i] = s.charCodeAt(i) & 0xFF;
      }
      return buf;
    }
  </script>
</body>
</html>

四、優缺點分析

JSON在線轉Excel工具具有以下優點：

簡便易用：只需要輸入JSON數據，點擊轉換按鈕即可將數據轉化成Excel格式文件，無需安裝桌面應用程序
平台兼容性良好：不論是Windows、Mac還是Linux系統都可以使用，因為它是基於網頁實現的
數據傳輸安全：因為數據直接在瀏覽器端處理，故不存在將敏感數據上傳到網絡的風險

然而，該工具也存在以下缺點：

不能處理大文件：因為該工具是基於網頁實現的，所以無法處理過大的數據
JSON數據格式要求高：JSON數據的格式必須正確，否則工具無法解析
數據結構局限性：工具對JSON數據的結構有所限制，對於某些複雜的數據結構可能無能為力

五、結語

JSON在線轉Excel工具為數據分析工作帶來了極大的方便，開源的代碼庫也為大家提供了更多自定義化的空間。在項目中遇到類似需求時，可以根據自己的具體情況進行代碼的修改和擴展，大大提高工作效率。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/304099.html