Pemformat JavaScript - Merapikan & Percantik JS Online

Percantik JavaScript di Browser Anda

Pemformat JavaScript ini mengubah JS yang minified, terkaburkan, atau bergaya tidak konsisten menjadi kode yang bersih dan terindentasi rapi yang benar-benar bisa Anda baca. Tempel cuplikan di sebelah kiri dan hasil yang dipercantik muncul di kanan begitu Anda berhenti mengetik — tanpa tombol, tanpa apa pun yang dikirim ke server.

Dibangun di atas Prettier dengan parser Babel — formatter beropini yang sama yang dipakai di jutaan proyek — sehingga keluaran sesuai dengan gaya yang sudah diandalkan tim di editor mereka.

Kapan Menggunakannya

Membentangkan Bundle

Bentangkan skrip satu baris atau yang minified kembali menjadi kode terpisah baris yang mudah dibaca sehingga bisa Anda periksa dan debug.

Seragamkan Gaya

Terapkan tanda kutip, titik koma, dan koma di akhir yang konsisten pada cuplikan yang disalin dari berbagai sumber.

Tinjau Kode Tempelan

Buat contoh tutorial, jawaban Stack Overflow, atau cuplikan buatan AI mudah dibaca sebelum Anda mempelajari atau meng-commit-nya.

Cara Merapikan Kode JavaScript

Tambahkan Kode Anda

Ketik atau tempel JavaScript ke panel Masukan. Anda juga bisa Unggah berkas .js (dibaca secara lokal, tidak pernah dikirim ke mana pun) atau klik Contoh untuk memuat sampel.

Saksikan Ia Dirapikan

Keluaran yang dipercantik dengan penyorotan sintaks muncul otomatis setelah jeda singkat saat mengetik. Tekan Ctrl + Shift + F untuk merapikan ulang kapan saja.

Setel Opsi

Pilih indentasi (2, 3, 4, 8 spasi atau Tab), atur lebar baris, dan alihkan titik koma, tanda kutip, serta koma di akhir. Keluaran langsung dirapikan ulang.

Salin atau Unduh

Klik Salin untuk mengirim hasil ke papan klip Anda atau Unduh untuk menyimpan berkas .js. Gunakan pengalih Edit untuk menyesuaikan keluaran secara manual terlebih dahulu.

Privat sejak awal. Pemformatan berjalan sepenuhnya di browser Anda lewat Prettier — tidak ada yang diunggah, jadi aman untuk kode milik pribadi atau yang belum dirilis.

Opsi & Fitur Pemformatan

Kontrol Gaya JavaScript

Prettier beropini secara desain, tetapi kontrol ini memungkinkan Anda menyesuaikannya dengan panduan gaya proyek. Setiap perubahan langsung merapikan ulang keluaran.

Opsi	Pilihan	Yang Dikontrol
Indentasi	2 · 3 · 4 · 8 spasi · Tab	Lebar dan karakter indentasi yang digunakan per tingkat penyarangan (bawaan 4 spasi).
Lebar Baris	80 · 100 · 120	Panjang baris yang ditargetkan Prettier sebelum membungkus pernyataan panjang (bawaan 80).
Titik koma	Ya · Tidak	Apakah pernyataan diakhiri dengan titik koma (bawaan Ya).
Tanda kutip	Ganda · Tunggal	Gaya tanda kutip yang digunakan untuk literal string (bawaan Ganda).
Koma di Akhir	Semua · ES5 · Tanpa	Koma setelah item terakhir pada array, objek, dan daftar parameter multibaris (bawaan Semua).

Alat Bawaan

Rapikan Otomatis saat Diketik

Keluaran menyegar sesaat setelah Anda berhenti mengetik, dengan penyorotan sintaks Prism dan nomor baris pada kedua panel.

Unggah & Unduh

Muat berkas .js lokal atau ekspor hasil yang dirapikan sebagai formatted.js dengan satu klik.

Keluaran Dapat Diedit

Alihkan panel hasil ke mode edit CodeMirror untuk penyesuaian manual sebelum menyalin atau mengunduh.

Deteksi Kesalahan Sintaks

Jika kode Anda tidak dapat diurai, pemformat menampilkan pesan kesalahan yang jelas alih-alih menghasilkan keluaran rusak — jadi Anda tahu persis apa yang harus diperbaiki. Bilah status melaporkan Siap, Sudah dirapikan, atau Eror beserta jumlah baris dan ukuran berkas.

Baru di sini? Klik Contoh untuk memuat cuplikan yang sengaja dibuat berantakan dan lihat ia dipercantik secara instan.

Pertanyaan yang Sering Diajukan

Apakah kode JavaScript saya dikirim ke server?

Tidak. Semua pemformatan terjadi secara lokal di browser Anda. Berkas yang diunggah dibaca dengan FileReader browser dan tidak pernah meninggalkan perangkat Anda, sehingga alat ini aman untuk kode milik pribadi dan rahasia.

Apa beda merapikan JS dengan minify JS?

Merapikan (mempercantik) menambahkan indentasi, jeda baris, dan spasi yang konsisten agar kode mudah dibaca. Minify melakukan sebaliknya — menghapus spasi untuk memperkecil ukuran berkas. Alat ini mempercantik; gunakan alat minify saat ingin memampatkan kode untuk produksi.

Apakah mendukung sintaks modern ES6+ dan JSX?

Ya. Parser Babel menangani JavaScript modern — arrow function, async/await, destructuring, template literal, optional chaining, dan JSX — sehingga kode masa kini dirapikan dengan benar.

Bagaimana mengatur indentasi, tanda kutip, dan titik koma?

Pilih 2, 3, 4, atau 8 spasi (atau Tab) untuk indentasi dan atur lebar baris, lalu alihkan titik koma, gaya tanda kutip, dan koma di akhir dari bilah alat. Keluaran dirapikan ulang segera setelah Anda mengubah opsi apa pun.

Apakah merapikan JS mengubah cara kode berjalan?

Tidak. Prettier hanya menulis ulang spasi dan gaya kosmetik — indentasi, tanda kutip, titik koma, dan jeda baris. Perilaku JavaScript Anda tetap persis sama.

Apa yang terjadi jika kode saya memiliki kesalahan sintaks?

Prettier tidak dapat merapikan kode yang tidak dapat diuraikannya, jadi alat menampilkan pesan kesalahan yang menjelaskan masalahnya alih-alih menebak. Perbaiki masalah yang dilaporkan dan keluaran yang dirapikan muncul segera setelah kode valid.

Apakah ada batas ukuran kode yang bisa dirapikan?

Tidak ada batas tetap. Karena pemformatan berjalan di browser Anda, kecepatannya bergantung pada perangkat — berkas besar tetap dirapikan dalam sekejap pada mesin modern, dan bilah status menampilkan jumlah baris serta ukuran berkas.