当前位置:数码通 > 手机

javascript 解析 csv

来源于 数码通 2023-10-06 07:04

CSV(逗号分隔值)是一个带有逗号(或其他分隔符)分隔字符的文本文件,可以使用 Excel 或其他电子表格程序打开。在Web开发过程中,经常需要使用JavaScript来解析CSV数据。以下是使用 JavaScript 解析 CSV 文件的几种方法。

方法一:手动解析CSV

函数 parseCSV(csvString) {
var rows = csvString.split('\n');
var 结果 = [];
rows.forEach(函数(行){
var columns = row.split(',');
结果.push(列);
});
返回结果;
}
var csvString = "姓名,年龄,性别\n约翰,25,男\n玛丽,30,女\n";
var data = parseCSV(csvString);
控制台.log(数据); // [["姓名","年龄","性别"],["约翰","25","男"],["玛丽","30","女"]]

方法2 :使用CSV解析库Papa Parse

Papa.parse(csvString, {
标题:真实,
分隔符:',',
完成:函数(结果){
console.log(结果.数据);
}
});
// m.smtshopping.cn 输出结果如下:
//[
// {"姓名":"约翰", "年龄":"25", "性别":"男"},
// {"姓名":"玛丽", "年龄":"30", "性别":"女"}
// ]

另外,Papa Parse还支持异步解析、流式解析等功能,在处理大规模CSV文件时非常方便。

方法三:使用D3.csv()函数解析CSV

d3.csv("data.csv", 函数(数据) {
控制台.log(数据);
});
//输出结果如下:
//[
// {"姓名":"约翰", "年龄":"25", "性别":"男"},
// {"姓名":"玛丽", "年龄":"30", "性别":"女"}
// ]

D3是一个常用的JavaScript库,可以帮助我们处理SVG、HTML、CSS等内容。它提供的d3.csv()函数可以轻松解析CSV文件。需要注意的是,这个函数是异步的,需要回调函数来获取数据。

虽然用JavaScript解析CSV文件的方法有很多种,但您需要根据实际情况选择合适的方法。对于小规模的CSV文件,使用手动解析的方法比较简单;而对于大型CSV文件,Papa Parse和d3.csv()等方法效率更高。

登录后参与评论