背景
通常给到前端渲染的数据一般都JavaScript数组对象的形式,易于二次处理,更方便于前端渲染、热更新等。
但是现在后端或者数据侧只能给到 CSV形式的数据集,今天介绍的工具,同样可以将CSV的数据转化成我们熟知的JavaScript数组对象。
先带大家来简单了解一下CSV格式文件
CSV
csv格式的定义
CSV格式是一种用来存储和传输数据的简单文本小节件格式,它由逗号分隔的值组成,每行表示一条数据记录,每个值代表一个字段。CSV全称为Comma-Separated Values,即逗号分隔值,也有时被称为字符分隔值或逗号分隔文本。
csv格式的优点
1、简单易用:
CSV格式是一种非常简单的文件格式,它只包含纯文本和逗号分隔符,因此可以被几乎所有的程序和工具轻松读取和处理。
2、跨平台性强:
由于CSV文件只包含纯文本内容,因此可以在不同操作系统上进行读写和转换,如Windows、Mac、Linux等。
3、占用空间小:
相比其他文件格式(如Excel),CSV文件通常占用更少的存储空间,这也使得它成为大量数据存储和传输的理想选择。
4、 可读性强:
由于CSV文件采用纯文本形式存储数据,并且字段之间使用逗号进行分隔,因此可以被人类轻松阅读和理解。
5、容错能力强:
CSV文件中每条记录都独占一行,并且字段之间使用逗号进行分隔,这使得即使某些字段出现错误,也不会影响整个文件的读取和处理。
除此之外,csv在数据存储和转化方面也提供了很多便捷。
接下来进入主题,将CSV数据集转化为JavaScript数组对象的工具。
neat-csv的使用
1、安装依赖并引用neat-csv
// 安装依赖使用npm/yarn
npm/yarn install neat-csv
// node环境
const neatCsv = require('neat-csv');
// ES6 module
import neatCsv from 'neat-csv';
2、从文件系统加载CSV,调用neatCsv传递文件内容:
const fs = require('fs')
fs.readFile('./file.csv', async (err, data) => {
if (err) {
console.error(err)
return
}
console.log(await neatCsv(data))
})
现在,你就可以开始对数据进行任何需要的操作,数据的格式是JavaScript对象数组。
到这里就结束了,希望可以帮到大家,欢迎大家指正!!!