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 JavaScriptcolor,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
8import 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àycolor,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
9color,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,2
7
color,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
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 CLInpm 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
[
{ color: 'red', maxSpeed: '120', age: '2' },
{ color: 'blue', maxSpeed: '100', age: '3' },
{ color: 'green', maxSpeed: '130', age: '2' }
]
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
[
{ color: 'red', maxSpeed: '120', age: '2' },
{ color: 'blue', maxSpeed: '100', age: '3' },
{ color: 'green', maxSpeed: '130', age: '2' }
]
Để 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 đổicolor,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
8import 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 đổiMộ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 CSVcolor,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
8import 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ộtimport 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 quycolor,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' }
]
1color,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
2Chuyể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
8color,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' }
]
1color,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
4Chuyể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
8color,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' }
]
1color,maxSpeed,age
"red",120,2
"blue",100,3
"green",130,2
6Bạ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ở