JS小知识，如何将 CSV 转换为 JSON 字符串

最新推荐文章于 2024-08-24 07:40:23 发布

前端达人

最新推荐文章于 2024-08-24 07:40:23 发布

阅读量6.2k

点赞数 3

文章标签： json javascript 前端 npm 开发语言

本文链接：https://blog.csdn.net/Ed7zgeE9X/article/details/128859516

版权

本文介绍了如何在前端开发中将CSV转换为JSON字符串，主要讲解了使用csvtojson库的多种方法，包括fromFile()和fromString()，以及自定义转换。此外，还探讨了使用原生JavaScript实现CSV到JSON转换的基本方法。

摘要由CSDN通过智能技术生成

大家好，今天和大家聊一聊，在前端开发中，我们如何将 CSV 格式的内容转换成 JSON 字符串，这个需求在我们处理数据的业务需求中十分常见，你是如何处理的呢，如果你有更好的方法欢迎在评论区补充。

一、使用 csvtojson 第三方库

您可以使用 csvtojson 库在 JavaScript 中快速将 CSV 转换为 JSON 字符串：

index.js

import csvToJson from 'csvtojson';
const csvFilePath = 'data.csv';
const json = await csvToJson().fromFile(csvFilePath);
console.log(json);

data.csv 文件

例如这样的 data.csv 文件，其内容如下：

color,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2

最终生成的 JSON 数组字符串内容如下：

[
  { color: 'red', maxSpeed: '120', age: '2' },
  { color: 'blue', maxSpeed: '100', age: '3' },
  { color: 'green', maxSpeed: '130', age: '2' }
]

在使用 csvtojson 之前，您需要将其安装到我们的项目中。您可以使用 NPM 或 Yarn CLI 执行此操作。

npm i csvtojson

# Yarn
yarn add csvtojson

安装后，将其引入到你的项目中，如下所示：

import csvToJson from 'csvtojson';

// Co

关注