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

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

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

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

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

使用 csvtojson 第三方庫

您可以使用 csvtojson 庫在 JavaScript 中快速將 CSV 轉換為 JSON 字符串:mSc28資訊網——每日最新資訊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 文件,其內容如下:mSc28資訊網——每日最新資訊28at.com

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

最終生成的 JSON 數組字符串內容如下:mSc28資訊網——每日最新資訊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 執行此操作。mSc28資訊網——每日最新資訊28at.com

npm i csvtojson# Yarnyarn add csvtojson

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

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

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

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

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

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

要直接從 CSV 數據字符串而不是文件轉換,您可以使用轉換對象的異步 fromString() 方法代替:mSc28資訊網——每日最新資訊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 的默認導出函數接受一個對象,用于指定選項,可以自定義轉換過程。mSc28資訊網——每日最新資訊28at.com

其中一個選項是 header,這是一個用于指定 CSV 數據中的標題的數組,可以將其替換成更易讀的別名。mSc28資訊網——每日最新資訊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,用來表示分隔列的字符:mSc28資訊網——每日最新資訊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);

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

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

我們還可以使用 ignoreColumns 屬性,一個使用正則表達式示忽略某些列的選項。mSc28資訊網——每日最新資訊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”,我們可以生成一個數組列表,其中每個數組代表一行,包含該行所有列的值。mSc28資訊網——每日最新資訊28at.com

如下所示:mSc28資訊網——每日最新資訊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。mSc28資訊網——每日最新資訊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);

輸出:mSc28資訊網——每日最新資訊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 數據。mSc28資訊網——每日最新資訊28at.com

結束

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

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

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

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

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

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 信丰县| 仁化县| 库尔勒市| 扎赉特旗| 青田县| 内黄县| 蕉岭县| 邳州市| 江口县| 兖州市| 新绛县| 深泽县| 莫力| 河源市| 金寨县| 阿拉尔市| 余干县| 阿拉善右旗| 和平县| 云龙县| 东海县| 永城市| 祁连县| 铁岭县| 江西省| 新竹县| 栾城县| 望奎县| 南安市| 新野县| 平果县| 兴文县| 海丰县| 乐平市| 印江| 富蕴县| 枣强县| 革吉县| 宝兴县| 司法| 永兴县|