日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

JS小知識,如何將 CSV 轉換為 JSON 字符串

來源: 責編: 時間:2024-01-04 09:32:13 285觀看
導讀使用 csvtojson 第三方庫您可以使用 csvtojson 庫在 JavaScript 中快速將 CSV 轉換為 JSON 字符串:index.jsimport csvToJson from 'csvtojson';const csvFilePath = 'data.csv';const json = await csvToJson().fromF

94c28資訊網——每日最新資訊28at.com

使用 csvtojson 第三方庫

您可以使用 csvtojson 庫在 JavaScript 中快速將 CSV 轉換為 JSON 字符串:94c28資訊網——每日最新資訊28at.com

index.js

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

data.csv 文件

例如這樣的 data.csv 文件,其內容如下:94c28資訊網——每日最新資訊28at.com

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

最終生成的 JSON 數組字符串內容如下:94c28資訊網——每日最新資訊28at.com

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

安裝 csvtojson

在使用 csvtojson 之前,您需要將其安裝到我們的項目中。您可以使用 NPM 或 Yarn CLI 執行此操作。94c28資訊網——每日最新資訊28at.com

npm i csvtojson# Yarnyarn add csvtojson

安裝后,將其引入到你的項目中,如下所示:94c28資訊網——每日最新資訊28at.com

import csvToJson from 'csvtojson';// CommonJSconst csvToJson = require('csvtojson');

通過 fromFile() 方法,導入CSV文件

我們調用 csvtojson 模塊的默認導出函數來創建將轉換 CSV 的對象。這個對象有一堆方法,每個方法都以某種方式與 CSV 到 JSON 的轉換相關,fromFile() 就是其中之一。94c28資訊網——每日最新資訊28at.com

它接受要轉換的 CSV 文件的名稱,并返回一個 Promise,因為轉換是一個異步過程。 Promise 將使用生成的 JSON 字符串進行解析。94c28資訊網——每日最新資訊28at.com

直接將 CSV 字符串轉換為 JSON,fromString()

要直接從 CSV 數據字符串而不是文件轉換,您可以使用轉換對象的異步 fromString() 方法代替:94c28資訊網——每日最新資訊28at.com

index.js

import csvToJson from 'csvtojson';const csv = `"First Name","Last Name","Age""Russell","Castillo",23"Christy","Harper",35"Eleanor","Mark",26`;const json = await csvToJson().fromString(csv);console.log(json);
輸出:
[  { 'First Name': 'Russell', 'Last Name': 'Castillo', Age: '23' },  { 'First Name': 'Christy', 'Last Name': 'Harper', Age: '35' },  { 'First Name': 'Eleanor', 'Last Name': 'Mark', Age: '26' }]

自定義 CSV 到 JSON 的轉換

csvtojson 的默認導出函數接受一個對象,用于指定選項,可以自定義轉換過程。94c28資訊網——每日最新資訊28at.com

其中一個選項是 header,這是一個用于指定 CSV 數據中的標題的數組,可以將其替換成更易讀的別名。94c28資訊網——每日最新資訊28at.com

index.js

import csvToJson from 'csvtojson';const csv = `"First Name","Last Name","Age""Russell","Castillo",23"Christy","Harper",35"Eleanor","Mark",26`;const json = await csvToJson({  headers: ['firstName', 'lastName', 'age'],}).fromString(csv);console.log(json);
輸出 :
[  { firstName: 'Russell', lastName: 'Castillo', age: '23' },  { firstName: 'Christy', lastName: 'Harper', age: '35' },  { firstName: 'Eleanor', lastName: 'Mark', age: '26' }]

另一個是delimeter,用來表示分隔列的字符:94c28資訊網——每日最新資訊28at.com

import csvToJson from 'csvtojson';const csv = `"First Name"|"Last Name"|"Age""Russell"|"Castillo"|23"Christy"|"Harper"|35"Eleanor"|"Mark"|26`;const json = await csvToJson({  headers: ['firstName', 'lastName', 'age'],  delimiter: '|',}).fromString(csv);

輸出:94c28資訊網——每日最新資訊28at.com

[  { firstName: 'Russell', lastName: 'Castillo', age: '23' },  { firstName: 'Christy', lastName: 'Harper', age: '35' },  { firstName: 'Eleanor', lastName: 'Mark', age: '26' }]

我們還可以使用 ignoreColumns 屬性,一個使用正則表達式示忽略某些列的選項。94c28資訊網——每日最新資訊28at.com

import csvToJson from 'csvtojson';const csv = `"First Name"|"Last Name"|"Age""Russell"|"Castillo"|23"Christy"|"Harper"|35"Eleanor"|"Mark"|26`;const json = await csvToJson({  headers: ['firstName', 'lastName', 'age'],  delimiter: '|',  ignoreColumns: /lastName/,}).fromString(csv);console.log(json);

將 CSV 轉換為行數組

通過將輸出選項設置為“csv”,我們可以生成一個數組列表,其中每個數組代表一行,包含該行所有列的值。94c28資訊網——每日最新資訊28at.com

如下所示:94c28資訊網——每日最新資訊28at.com

index.js

import csvToJson from 'csvtojson';const csv = `color,maxSpeed,age"red",120,2"blue",100,3"green",130,2`;const json = await csvToJson({  output: 'csv',}).fromString(csv);console.log(json);
輸出:
[  [ 'red', '120', '2' ],  [ 'blue', '100', '3' ],  [ 'green', '130', '2' ]]

使用原生的JS處理 CSV 轉 JSON

我們也可以在不使用任何第三方庫的情況下將 CSV 轉換為 JSON。94c28資訊網——每日最新資訊28at.com

index.js

function csvToJson(csv) {  // /n or /r/n depending on the EOL sequence  const lines = csv.split('/n');  const delimeter = ',';  const result = [];  const headers = lines[0].split(delimeter);  for (const line of lines) {    const obj = {};    const row = line.split(delimeter);    for (let i = 0; i < headers.length; i++) {      const header = headers[i];      obj[header] = row[i];    }    result.push(obj);  }  // Prettify output  return JSON.stringify(result, null, 2);}const csv = `color,maxSpeed,age"red",120,2"blue",100,3"green",130,2`;const json = csvToJson(csv);console.log(json);

輸出:94c28資訊網——每日最新資訊28at.com

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

您可以完善上面的代碼處理更為復雜的 CSV 數據。94c28資訊網——每日最新資訊28at.com

結束

今天的分享就到這里,如何將 CSV 轉換為 JSON 字符串,你學會了嗎?94c28資訊網——每日最新資訊28at.com

本文鏈接:http://www.www897cc.com/showinfo-26-57371-0.htmlJS小知識,如何將 CSV 轉換為 JSON 字符串

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 三星 Galaxy 全球新品發布會官宣 Galaxy AI 等待揭秘

下一篇: Vue中Scope是怎么做的樣式隔離的?

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 安阳市| 嘉峪关市| 布拖县| 凤阳县| 弥勒县| 盘锦市| 玉山县| 横峰县| 鲁甸县| 龙川县| 河源市| 余姚市| 石家庄市| 长沙市| 永济市| 崇左市| 石泉县| 松江区| 宁南县| 民勤县| 勃利县| 岳西县| 郑州市| 郎溪县| 通河县| 普兰店市| 铁岭县| 舟曲县| 美姑县| 石城县| 阿尔山市| 霍城县| 吴忠市| 茶陵县| 扎兰屯市| 通海县| 苍南县| 本溪市| 吴川市| 潼南县| 拜泉县|