ホームページ > ウェブフロントエンド > jsチュートリアル > クライアント側で JavaScript 配列を CSV ファイルにエクスポートするにはどうすればよいですか?

クライアント側で JavaScript 配列を CSV ファイルにエクスポートするにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-10 12:09:11
オリジナル
561 人が閲覧しました

How to Export a JavaScript Array to a CSV File on the Client-Side?

クライアント側で JavaScript 配列を CSV にエクスポートする

質問:

JavaScript を使用して配列をエクスポートするにはどうすればよいですか? [["name1", "city_name1", ...]["name2", "city_name2", などのデータ...]、クライアント側の CSV ファイルに送信しますか?

回答:

ネイティブ JavaScript の使用:

  1. 配列データを正しい CSV に解析します。形式:
rows.forEach(function(rowArray) {
    let row = rowArray.join(",");
    csvContent += row + "\r\n";
});
ログイン後にコピー

または

csvContent += rows.map(e => e.join(",")).join("\n");
ログイン後にコピー
  1. CSV コンテンツを含むデータ URI を作成します:
const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;
ログイン後にコピー
  1. CSVファイルを開くダウンロード:
var encodedUri = encodeURI(csvContent);
window.open(encodedUri);
ログイン後にコピー

CSV ファイル名のカスタマイズ:

CSV ファイルのカスタム名を指定するには:

  1. 非表示の を作成します。 DOM ノード:
var link = document.createElement("a");
ログイン後にコピー
  1. ダウンロード属性を設定します:
link.setAttribute("download", "my_data.csv");
ログイン後にコピー
  1. ドキュメント本文にノードを追加します:
document.body.appendChild(link);
ログイン後にコピー
  1. リンクをクリックして開始しますダウンロード:
link.click();
ログイン後にコピー

以上がクライアント側で JavaScript 配列を CSV ファイルにエクスポートするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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