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

最新推荐文章于 2023-06-29 21:35:54 发布

好好活着，不要熬夜

最新推荐文章于 2023-06-29 21:35:54 发布

阅读量845

点赞数 1

分类专栏： HTML & CSS & JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_29761395/article/details/126867918

版权

HTML & CSS & JavaScript 专栏收录该内容

66 篇文章 1 订阅

订阅专栏

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

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Save String As CSV</title>
    </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>

运行效果：

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

参考

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

好好活着，不要熬夜

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript - 将特定格式的字符串保存为 CSV 文件

运行效果：下载文件之后，使用记事本打开 CSV 文件，其的内容如下：使用 WPS 打开 CSV 文件，其的内容如下：JavaScript - 将字符串保存到本地计算机（文本文件、Markdown 或 HTML 文件）
复制链接

扫一扫