ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で JSON を CSV 形式に変換するにはどうすればよいですか?

JavaScript で JSON を CSV 形式に変換するにはどうすればよいですか?

DDD
DDDオリジナル
2024-11-04 01:15:03810ブラウズ

How to Convert JSON to CSV Format in JavaScript?

JSON を CSV 形式に変換する

JSON データをブラウザーで直接解析するタスクは、エンコードされた形式であるため課題が生じます。このデータをより構造化された形式の CSV (カンマ区切り値) に変換するには、次の手順を実行できます。

  1. JSON データを解析します。 JSON 文字列を次のように変換します。 JSON.parse(json) を使用した JavaScript オブジェクト。
  2. CSV ヘッダーを作成します。 配列内の最初のオブジェクトからキーを抽出して、ヘッダー行を形成します。
  3. データの反復処理: ループを使用して配列内の各オブジェクトを処理します。
  4. 値の抽出: 各オブジェクトについて、ヘッダー キーを次のように使用して値を抽出します。
  5. CSV に変換: 抽出された値をカンマで結合して CSV 行を作成します。
  6. 行を結合: すべての CSV 行を連結します最終的な CSV 形式を形成します。

エスケープ文字の処理

'u2019' などのエスケープ文字を処理するには、' の unescape 関数を使用できます。彼モジュール。このモジュールは、HTML エンティティのデコードに使用できる JavaScript ライブラリまたはオンライン ツールとして利用できます。

完全な JavaScript コード

<code class="javascript">// Parse the JSON data
var items = json3.items;

// Create the CSV header
var header = Object.keys(items[0]);

// Construct CSV rows
var csvRows = items.map(function (item) {
  // Extract values
  var values = header.map(function (key) {
    // Handle escaped characters
    return unescaped(item[key]);
  });

  // Convert to CSV row
  return values.join(",");
}).join("\n");

// Add the header to the CSV rows
var csv = header.join(",") + "\n" + csvRows;

console.log(csv);</code>

次の手順に従うことで、 JSON データを効果的に CSV 形式に変換して変数に保存できるため、必要に応じて構造化データを操作して使用できるようになります。

以上がJavaScript で JSON を CSV 形式に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。