将数组转化为 csv 文件类型的代码

简介

将一个数组转化为逗号为分割符的字符串（CSV）即表格数据。

// 该源码来自于 https://30secondsofcode.org
const arrayToCSV = (arr, delimiter = ',') =>
  arr.map(v => v.map(x => `"${x}"`).join(delimiter)).join('\
')

代码分析

这个代码利用了 Array.prototype.map() 和 Array.prototype.join() 两个函数，实现了一个简单的数组转化为 csv 文件类型的代码。分别对代码进行两次遍历，第一层是遍历整个数组的项目，并在项目尾部添加换行符。第二层遍历为遍历数据行的值，并添加分隔符（分隔符定义时默认值为 ,）。

使用场景

将页面上用户数据导出为 Excel 表格，并且提供下载。

<a id="download-user-data"
    onclick="downloadUserData(this)"
    download="downlaod.csv"
    href="#">download</a>      

const title = [
    '姓名', '年龄', '性别'
]

const users = [
    { name: 'xiaoer', age: 24, sex: '男' },
    { name: 'xiaosi', age: 8, sex: '男' },
    { name: 'menty', age: 18, sex: '女' },
]

function downloadUserData(target) {
    const data = [
        title,
        ...(users.map((i) => [ i.name, i.age, i.sex ])),
    ]

    const csv = arrayToCSV(data)
    target.href = `data:text/csv;charset=utf-8,\${csv}`
}

来自：https://pushmetop.github.io/blog/chunk-for-30-seconds-of-code-md/

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_2228