簡介
數(shù)組、CSV、表格、工具
將一個數(shù)組轉(zhuǎn)化為逗號為分割符的字符串（CSV）即表格數(shù)據(jù)。
// 該源碼來自于 https://30secondsofcode.org
const arrayToCSV = (arr, delimiter = ",") =>
arr.map(v => v.map(x => `"${x}"`).join(delimiter)).join("
")
代碼分析
這個代碼利用了 Array.prototype.map() 和 Array.prototype.join() 兩個函數(shù)，實現(xiàn)了一個簡單的數(shù)組轉(zhuǎn)化為 csv 文件類型的代碼。分別對代碼進行兩次遍歷，第一層是遍歷整個數(shù)組的項目，并在項目尾部添加換行符。第二層遍歷為遍歷數(shù)據(jù)行的值，并添加分隔符（分隔符定義時默認值為 ,）。
使用場景
將頁面上用戶數(shù)據(jù)導出為 Excel 表格，并且提供下載。
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
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/102358.html
