Danh sách JavaScript sang CSV

Bạn có thể sử dụng thư viện

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

7 để nhanh chóng chuyển đổi tệp CSV hoặc chuỗi thành một mảng đối tượng trong JavaScript

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

8

import csvToJson from 'csvtojson';

const csvFilePath = 'data.csv';


const array = await csvToJson().fromFile(csvFilePath);

console.log(array);

Đối với tệp

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

9 như thế này

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

9

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

Đây sẽ là mảng kết quả

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

1

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

Đăng ký bản tin Coding Beauty

Có được những hiểu biết hữu ích và nâng cao kiến ​​thức phát triển web của bạn với các mẹo và hướng dẫn hàng tuần từ Coding Beauty. Hơn 2.000 nhà phát triển đăng ký

Cài đặt color,maxSpeed,age "red",120,2 "blue",100,3 "green",130,27

Trước khi sử dụng

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

7, bạn sẽ cần cài đặt nó trong dự án của chúng tôi. Bạn có thể làm điều này với NPM hoặc Yarn CLI

npm i csvtojson

# Yarn
yarn add csvtojson

Sau khi cài đặt, bạn sẽ có thể nhập nó vào một mô-đun JavaScript, như thế này

import csvToJson from 'csvtojson';

// CommonJS
const csvToJson = require('csvtojson');

Chuyển đổi tệp CSV thành mảng với [ { color: 'red', maxSpeed: '120', age: '2' }, { color: 'blue', maxSpeed: '100', age: '3' }, { color: 'green', maxSpeed: '130', age: '2' } ]4

Chúng tôi gọi chức năng xuất mặc định của mô-đun

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

7 để tạo đối tượng sẽ chuyển đổi CSV thành mảng. Đối tượng này có nhiều phương thức, mỗi phương thức liên quan theo một cách nào đó đến việc chuyển đổi CSV thành đối tượng JavaScript và

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

4 là một trong số đó

Nó chấp nhận tên của tệp CSV để chuyển đổi và trả về

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

7, vì quá trình chuyển đổi là một quy trình không đồng bộ.

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

7 sẽ giải quyết bằng chuỗi JSON kết quả

Chuyển đổi chuỗi CSV thành mảng với [ { color: 'red', maxSpeed: '120', age: '2' }, { color: 'blue', maxSpeed: '100', age: '3' }, { color: 'green', maxSpeed: '130', age: '2' } ]9

Để chuyển đổi trực tiếp từ chuỗi dữ liệu CSV, thay vì tệp, thay vào đó, bạn có thể sử dụng phương thức

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

9 không đồng bộ của đối tượng chuyển đổi

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

8

import csvToJson from 'csvtojson';

const csv = `"First Name","Last Name","Age"
"Russell","Castillo",23
"Christy","Harper",35
"Eleanor","Mark",26`;

const array = await csvToJson().fromString(csv);

console.log(array);

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

1

[
  { 'First Name': 'Russell', 'Last Name': 'Castillo', Age: '23' },
  { 'First Name': 'Christy', 'Last Name': 'Harper', Age: '35' },
  { 'First Name': 'Eleanor', 'Last Name': 'Mark', Age: '26' }
]

Tùy chỉnh chuyển đổi CSV thành mảng

Chức năng xuất mặc định của

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

7 chấp nhận một đối tượng được sử dụng để chỉ định các tùy chọn để tùy chỉnh quy trình chuyển đổi

Một tùy chọn như vậy là

npm i csvtojson

# Yarn
yarn add csvtojson

4, một mảng được sử dụng để chỉ định các tiêu đề trong dữ liệu CSV

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

8

import csvToJson from 'csvtojson';

const csv = `"First Name","Last Name","Age"
"Russell","Castillo",23
"Christy","Harper",35
"Eleanor","Mark",26`;

const array = await csvToJson({
  headers: ['firstName', 'lastName', 'age'],
}).fromString(csv);

console.log(array);

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

1

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

Một cái khác là

npm i csvtojson

# Yarn
yarn add csvtojson

7, dùng để chỉ ký tự ngăn cách các cột

import csvToJson from 'csvtojson';

const csv = `"First Name"|"Last Name"|"Age"
"Russell"|"Castillo"|23
"Christy"|"Harper"|35
"Eleanor"|"Mark"|26`;

const array = await csvToJson({
  headers: ['firstName', 'lastName', 'age'],
  delimiter: '|',
}).fromString(csv);

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

1

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

Chúng tôi cũng có

npm i csvtojson

# Yarn
yarn add csvtojson

9, một tùy chọn hướng dẫn trình chuyển đổi bỏ qua các cột nhất định, sử dụng biểu thức chính quy

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

1

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

1

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

2

Chuyển đổi CSV thành mảng hàng

Bằng cách đặt tùy chọn

import csvToJson from 'csvtojson';

// CommonJS
const csvToJson = require('csvtojson');

1 thành

import csvToJson from 'csvtojson';

// CommonJS
const csvToJson = require('csvtojson');

2, chúng ta có thể tạo danh sách các mảng, trong đó mỗi mảng đại diện cho một hàng, chứa giá trị của tất cả các cột của hàng đó

Ví dụ

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

8

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

3

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

1

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

4

Chuyển đổi gốc của CSV sang mảng

Cũng có thể chuyển đổi CSV thành mảng JavaScript mà không cần sử dụng bất kỳ thư viện bên thứ ba nào

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

8

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

5

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

1

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

6

Bạn có thể sửa đổi mã ở trên để cho phép dữ liệu CSV phức tạp và đa dạng hơn

Mọi điều điên rồ mà JavaScript làm

Hướng dẫn hấp dẫn về những cảnh báo tinh tế và những phần ít được biết đến của JavaScript

Đăng ký và nhận ngay một bản sao miễn phí

Ayibatari Ibaba

Ayibatari Ibaba là nhà phát triển phần mềm có nhiều năm kinh nghiệm xây dựng trang web và ứng dụng. Anh ấy đã viết rất nhiều về nhiều chủ đề lập trình và đã tạo ra hàng chục ứng dụng và thư viện mã nguồn mở

Làm cách nào để chuyển đổi mảng thành CSV trong JavaScript?

Cách chuyển đổi danh sách thành dấu phẩy

Làm cách nào để chuyển đổi danh sách thành mảng trong JavaScript?

Làm cách nào để xuất dữ liệu từ cơ sở dữ liệu sang tệp CSV trong JavaScript?