将数组转化为 csv 文件类型的代码
简介
将一个数组转化为逗号为分割符的字符串(CSV)即表格数据。
// 该源码来自于 https://30secondsofcode.org
const arrayToCSV = (arr, delimiter = ',') =>
arr.map(v => v.map(x => `"${x}"`).join(delimiter)).join('\n')代码分析
这个代码利用了 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,\ufeff${csv}`
}
来自:https://pushmetop.github.io/blog/chunk-for-30-seconds-of-code-md/
本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!