Cách dùng Excel, CSV & JSON sang mảng JavaScript
- Dán CSV, ô Excel hoặc JSON, hoặc mở tệp.
- Chọn dạng dữ liệu: mảng object, các hàng dưới dạng mảng, hoặc object có khóa là cột đầu tiên.
- Chọn cách khai báo (
const,export const,module.exports…), kiểu dấu nháy và cách thụt đầu dòng. - Sao chép đoạn mã hoặc tải xuống dưới dạng tệp
.js.
Công cụ chuyển CSV sang mảng JavaScript dùng để làm gì?
Công cụ này chuyển các hàng của bảng tính thành literal JavaScript để bạn đưa thẳng vào mã nguồn. Rất hữu ích cho dữ liệu giả, Storybook stories, unit test, tùy chọn dropdown, bảng tra cứu nhỏ và các trang tĩnh không cần cơ sở dữ liệu hay bộ phân tích CSV khi chạy.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];Literal JavaScript và JSON khác nhau thế nào?
JSON là một tập con nghiêm ngặt của cú pháp JavaScript, nhưng khi viết tay thì JavaScript thường linh hoạt hơn. Công cụ này xuất ra JavaScript theo đúng thông lệ:
- Khóa không có dấu nháy khi khóa là định danh hợp lệ (
name:), chỉ thêm dấu nháy khi cần ('first name':). - Dấu nháy đơn hoặc kép để khớp với cấu hình Prettier hoặc ESLint của bạn.
- Dấu phẩy cuối, giúp khi thêm hàng mới thì chỉ thay đổi đúng một dòng trong diff.
- Kiểu dữ liệu đúng: số, boolean và
nullkhông có dấu nháy; các giá trị có số 0 đứng đầu vẫn giữ là chuỗi.
Các dạng dữ liệu và cách khai báo
| Tùy chọn | Kết quả |
|---|---|
| Đối tượng | [{ id: 1, … }, …] — mảng bản ghi thông dụng |
| Hàng (danh sách) | [['id', 'name'], [1, 'Ada']] — tiêu đề ở đầu, giống bảng tính |
| Khóa theo cột đầu tiên | { 'KB-001': { … } } — tra cứu nhanh theo ID |
export const / export default | ES module (Vite, Next.js, Node hiện đại) |
module.exports | CommonJS (mã Node.js cũ) |
Với đầu vào JSON, tùy chọn Giữ nguyên cấu trúc JSON gốc sẽ chuyển các object và mảng lồng nhau đúng như ban đầu. Bạn cần kiểu TypeScript cho dữ liệu? Hãy tạo bằng JSON sang TypeScript. Với dự án PHP, dùng CSV sang mảng PHP.
Cũng được tìm dưới tên: csv sang mảng js, excel sang mảng javascript, csv sang mảng object, json sang object javascript, csv sang js object, bảng tính sang javascript, csv sang mảng typescript, convert csv to javascript array.
Các công cụ dùng kèm tốt với Excel, CSV & JSON sang mảng JavaScript
- Excel sang JSON — Mở file .xlsx hoặc dán trực tiếp các ô từ Excel hay Google Sheets để nhận JSON sạch.
- CSV sang JSON — Dán CSV hoặc TSV để nhận mảng JSON gồm các object.
- Tạo dữ liệu giả — Tạo tới 10.000 dòng dữ liệu test chân thực — người dùng, sản phẩm, đơn hàng, địa chỉ, công ty hoặc bản ghi API lồng nhau — hoặc tự xây dựng schema riêng.
- JSON sang Excel — Biến mảng JSON thành một workbook Excel thực sự.