作者:mobiledu2502853587 | 来源:互联网 | 2023-10-16 19:30
简介数组、CSV、表格、东西将一个数组转化为逗号为支解符的字符串(CSV)即表格数据。该源码来自于https:30secondsofcode.orgconstarrayToCSV(
简介
数组、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 表格,而且供应下载。
Onclick="downloadUserData(this)"
download="downlaod.csv"
href="#">download
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}`
}
一同生长
在疑心的城市里总少不了并肩偕行的
同伴
让我们一同生长。
- 假如您想让更多人看到文章能够点个
点赞
。 - 假如您想鼓励小二能够到 Github 给个
小星星
。 - 假如您想与小二更多交换增加微信
m353839115
。
本文原稿来自
PushMeTop