JavaScript - 将特定格式的字符串保存为 CSV 文件

将特定格式的字符串保存为 CSV 文件

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Save String As CSVtitle>
    head>
    <body>
        <input type="button" value="Save">
        
        <script type="text/javascript">
            const LINE_BREAK = "\r\n";
            
            window.onload = (event) => {
                // console.log(event);
                main();
            }
            
            function main() {
                const button = document.querySelector("input[type='button']");
                
                button.onclick = (event) => {
                    // console.log(event);
                    
                    const array = [
                        ['B1', '3.3000', '45.0000', '120', 'B', 'BUZZER-HNB09A05', '\r\n'],
                        ['LEDM1', '44.3000', '74.0000', '0', 'T', 'LEDM-JMM-757BW3-P12D5-S', '\r\n'],
                        ['LEDM2', '30.3000', '74.0000', '0', 'T', 'LEDM-JMM-757BW3-P12D5-S', '\r\n'],
                        ['U9', '42.6000', '89.7000', '180', 'T', 'SOT23-3', '\r\n'],
                    ];
                    
                    console.log(array);
                    
                    let content = "";
                    for (let i = 0; i < array.length; i++) {
                        content += array[i].toString();
                    }
                    
                    Tools_saveStringAsFile({
                        filename: "01 text.csv",
                        type: "text/csv;charset=utf-8",
                        content: content
                    });
                };
            }
            
            function Tools_saveStringAsFile(obj) {
                const blob = new Blob([ obj.content ], { type: obj.type });
                const objectURL = URL.createObjectURL(blob);
                
                // 创建一个 a 元素
                const anchor = document.createElement("a");
                anchor.href = objectURL;
                anchor.download = obj.filename; // 文件名称
                
                anchor.click(); // 模拟点击 a 元素，触发下载
                
                URL.revokeObjectURL(objectURL);
            }
        script>
    body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

运行效果：

在这里插入图片描述

下载文件之后，使用记事本打开 CSV 文件，其的内容如下：

在这里插入图片描述

使用 WPS 打开 CSV 文件，其的内容如下：

在这里插入图片描述

参考

JavaScript - 将字符串保存到本地计算机（文本文件、Markdown 或 HTML 文件）

相关阅读:
百度地图有感
uniapp 微信小程序 canvas 问题
Oracle11g for centos7
详讲！！红黑树（最优二叉树）
基于SpringBoot的学生班级考勤管理系统
员工离职后，账号权限怎么自动化回收？
Vue路由钩子在生命周期函数的体现
需求管理手册-需求工程的流程环节（4）
C Primer Plus(6) 中文版第2章 C语言概述 2.6 多个函数
LRTimelapse 6 for Mac(延时摄影视频制作软件)

原文地址：https://blog.csdn.net/qq_29761395/article/details/126867918