ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して XLS ファイルを解析し、そのデータを JSON 形式に変換するにはどうすればよいですか?

JavaScript を使用して XLS ファイルを解析し、そのデータを JSON 形式に変換するにはどうすればよいですか?

DDD
リリース: 2024-10-30 12:19:02
オリジナル
740 人が閲覧しました

How do you parse XLS files and convert their data to JSON format using JavaScript?

JavaScript/HTML5 での Excel ファイルの解析

Web アプリケーションで Excel ファイルを操作する場合、データの解析方法を理解することが重要です意味のある方法で。この記事では、JavaScript で XLS ファイルを読み取り、行ベースのデータを JSON 形式に変換する方法について説明します。

XLS ファイルを行ごとに読み取る

XLS ファイルを読み取るには行ごとに、HTML5 が提供する FileReader インターフェイスを使用できます。 FileReader を使用すると、ローカル ファイルの内容にアクセスして、ファイルの読み取りと解析を行うことができます。

XLS を JSON に変換

ファイル データを取得したら、 JSON形式に変換する必要があります。これは、Excel シートを行オブジェクトの配列に変換する XLSX.utils.sheet_to_row_object_array() というメソッドを提供する XLSX ライブラリを使用して実現できます。これらの行オブジェクトは、JSON.stringify() を使用して簡単に JSON に変換できます。

サンプル コード

XLS ファイルを解析する方法を示すコード スニペットの例を次に示します。 FileReader と XLSX ライブラリを使用して JSON に変換します。

<code class="javascript">var ExcelToJSON = function() {

  this.parseExcel = function(file) {
    // Instantiate FileReader.
    var reader = new FileReader();

    reader.onload = function(e) {
      // Retrieve the Excel file data.
      var data = e.target.result;

      // Create a workbook object from the data.
      var workbook = XLSX.read(data, { type: 'binary' });

      workbook.SheetNames.forEach(function(sheetName) {
        // Convert a sheet to an array of row objects.
        var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);

        // Convert the row objects to JSON.
        var json_object = JSON.stringify(XL_row_object);

        // Log the JSON object to the console.
        console.log(json_object);
      });
    };

    reader.onerror = function(ex) {
      console.log(ex);
    };

    reader.readAsBinaryString(file);
  };
};</code>
ログイン後にコピー

追加リソース

JavaScript での XLS の解析の詳細については、次を参照してください。リソース:

  • [XLSX ライブラリ ドキュメント](https://github.com/SheetJS/js-xlsx)

問題が発生した場合、または追加の質問がある場合は、このページにお気軽にコメントを投稿してください。

以上がJavaScript を使用して XLS ファイルを解析し、そのデータを JSON 形式に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート