簡介
數組、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 表格，并且提供下載。
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
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102358.html
