Cara menggunakan Excel, CSV & JSON ke Array JS
- Tempel CSV, sel Excel, atau JSON, atau buka file.
- Pilih bentuk output: array objek, baris sebagai array, atau objek dengan kunci dari kolom pertama.
- Pilih deklarasi (
const,export const,module.exports…), gaya tanda kutip, dan indentasi. - Salin kodenya atau unduh sebagai file
.js.
Apa fungsi konverter CSV ke array JavaScript?
Alat ini mengubah baris spreadsheet menjadi literal JavaScript yang bisa langsung kamu tempel ke kode sumber. Sangat berguna untuk data mock, cerita Storybook, unit test, opsi dropdown, tabel lookup kecil, dan situs statis yang tidak butuh database atau parser CSV saat runtime.
export const products = [
{ id: 1, name: 'Ada Lovelace', active: true },
{ id: 2, name: 'Grace Hopper', active: true },
];
Literal JavaScript vs JSON
JSON adalah subset ketat dari sintaks JavaScript, tetapi JavaScript yang ditulis manual biasanya lebih longgar. Alat ini menghasilkan JavaScript yang idiomatik:
- Kunci tanpa kutip jika kuncinya berupa identifier yang valid (
name:), dan hanya diberi kutip jika perlu ('nama depan':). - Tanda kutip tunggal atau ganda agar sesuai dengan pengaturan Prettier atau ESLint kamu.
- Koma di akhir, sehingga perubahan diff tetap satu baris saat kamu menambah baris baru.
- Tipe data asli: angka, boolean, dan
nulltidak diberi kutip; nilai dengan angka nol di depan tetap berupa string.
Bentuk dan deklarasi
| Opsi | Output |
|---|---|
| Objek | [{ id: 1, … }, …] — array rekaman yang umum dipakai |
| Baris (daftar) | [['id', 'name'], [1, 'Ada']] — header di awal, seperti di spreadsheet |
| Kunci dari kolom 1 | { 'KB-001': { … } } — pencarian instan berdasarkan ID |
export const / export default | ES modules (Vite, Next.js, Node modern) |
module.exports | CommonJS (kode Node.js lama) |
Dengan input JSON, opsi Pertahankan struktur JSON asli akan mengonversi objek dan array bersarang apa adanya. Butuh tipe TypeScript untuk data kamu? Buat dengan JSON ke TypeScript. Untuk proyek PHP, gunakan CSV ke array PHP.
Juga dicari sebagai: csv ke array js, excel ke array javascript, csv ke array of objects, json ke objek javascript, csv ke objek js, spreadsheet ke javascript, csv ke array typescript.
Tool yang cocok dipakai bersama Excel, CSV & JSON ke Array JS
- Excel ke JSON — Buka workbook .xlsx atau tempel sel langsung dari Excel atau Google Sheets, lalu dapatkan JSON yang rapi.
- CSV ke JSON — Tempel CSV atau TSV dan dapatkan array JSON berisi objek.
- Generator Data Palsu — Buat hingga 10.000 baris data test realistis — pengguna, produk, pesanan, alamat, perusahaan, atau record API bersarang — atau susun skema sendiri.
- JSON ke Excel — Ubah array JSON jadi buku kerja Excel yang sebenarnya.