Gratis · Cepat · Privasi

Validasi JSON dalam JavaScript dengan JSON.parse dan try/catch

Cara paling andal untuk memvalidasi JSON di JavaScript adalah memanggil JSON.parse di dalam blok try/catch.

Menjelaskan pola JSON.parse di dalam try/catch dengan jelas

🔒

Menjalankan pemeriksaan yang sama tanpa Anda menulis kode

Menunjukkan baris, posisi, dan alasan kesalahan seperti SyntaxError

Berjalan 100% lokal di browser, tanpa mengunggah data

Biaya
Tingkat gratis
Pendaftaran
Tidak diperlukan
Pemrosesan
Sesuai alat
Privasi
Metode dijelaskan
IframeResponsifAtribusi disertakan

Tambahkan Validator JSON ke situs Anda

Pasang Validator JSON di blog, dokumentasi, intranet, atau portal sekolah dengan iframe. Pemrosesan, privasi, dan batas penggunaan sama seperti pada halaman alat lengkap.

  • Satu baris HTML siap salin
  • Responsif untuk berbagai lebar
  • Tidak ada kredensial API di cuplikan

Kode embed

<iframe
  src="https://www.fixtools.io/json/json-validator?embed=1&lang=id"
  width="100%"
  height="780"
  frameborder="0"
  style="border:0;border-radius:16px;max-width:900px;"
  title="Validator JSON by FixTools"
  loading="lazy"
  allow="clipboard-write"
></iframe>

Ramah atribusi: tautan kecil "Powered by FixTools" muncul di footer embed.

Memvalidasi JSON di JavaScript dan apa yang dilakukan alat ini

Di JavaScript, tidak ada fungsi bawaan bernama isValidJSON, sehingga cara idiomatik memvalidasi teks adalah mencoba menguraikannya. Anda memanggil JSON.parse pada string di dalam blok try, dan bila teks bukan JSON yang benar, fungsi itu melempar SyntaxError. Dengan menangkapnya di blok catch, Anda bisa memutuskan langkah selanjutnya, misalnya menampilkan pesan ramah, memakai nilai bawaan, atau mencatat log. Pola ini singkat: coba parse, jika berhasil datanya valid, jika gagal Anda menangani galatnya. Penting diingat bahwa JSON.parse mengembalikan nilai hasil penguraian, bukan sekadar true atau false, jadi keberhasilan tanpa lemparan itulah tanda validitas. Menguji validitas dengan cara lain, seperti mencocokkan pola secara manual, cenderung rapuh dan mudah keliru. Karena itu, memercayakan pemeriksaan pada penguraian sesungguhnya adalah pendekatan yang paling tepercaya.

Alat di halaman ini menjalankan pemeriksaan yang sama seperti JSON.parse, tetapi tanpa mengharuskan Anda menulis dan menjalankan kode. Ketika Anda menempelkan JSON atau memuat file .json, alat mencoba menguraikannya dengan mesin browser dan melaporkan hasilnya. Ini berguna ketika Anda hanya ingin memeriksa sepotong data dengan cepat, misalnya nilai yang akan Anda tempelkan ke berkas sumber, tanpa repot membuka konsol atau menulis skrip sekali pakai. Karena mesin penguraiannya sama, penilaian valid atau tidaknya akan konsisten dengan yang Anda dapatkan di aplikasi. Jika alat menyatakan teks valid, Anda bisa yakin JSON.parse pada string yang sama tidak akan melempar. Jika alat menandai kesalahan, itu tepat kesalahan yang akan memicu SyntaxError di kode Anda, lengkap dengan petunjuk lokasinya.

Memahami aturan JSON membantu Anda membaca pesan galat dengan cepat. Kunci dan string harus memakai tanda kutip ganda; kutip tunggal yang lazim di JavaScript justru tidak sah dalam JSON. Angka ditulis tanpa kutip, dan literal true, false, serta null selalu huruf kecil. Setiap anggota dipisahkan koma, tetapi koma setelah elemen terakhir dilarang, dan komentar tidak diizinkan sama sekali. Ketika JSON.parse gagal, pesan SyntaxError biasanya menyebut posisi atau menyebut token yang tidak diharapkan. Alat ini menerjemahkan situasi serupa menjadi laporan yang lebih mudah dibaca: baris, posisi karakter, dan alasan singkat. Dengan begitu, alih-alih menebak arti pesan konsol yang ringkas, Anda langsung diarahkan ke titik masalah. Perbedaan antara sintaks JavaScript dan JSON inilah yang paling sering menjebak, terutama kutip tunggal dan properti tanpa kutip.

Sama seperti memanggil JSON.parse di browser pengguna, pemeriksaan di alat ini terjadi sepenuhnya di sisi klien. Teks yang Anda tempel atau file yang Anda muat diproses oleh kode yang berjalan di perangkat Anda, bukan dikirim ke server jarak jauh. Artinya, cuplikan konfigurasi, data uji, atau fragmen respons yang mengandung informasi sensitif tetap berada di komputer Anda. Tidak ada unggahan, tidak ada penyimpanan tersembunyi, dan tidak perlu membuat akun. Model sisi klien ini juga berarti alat tetap bekerja meski koneksi jaringan dibatasi, karena setelah halaman termuat, penguraian tidak bergantung pada backend. Bagi developer yang sering menempelkan potongan data internal untuk diperiksa, jaminan bahwa data tidak meninggalkan perangkat adalah nilai tambah yang nyata, bukan sekadar janji. Anda mendapat kecepatan sekaligus privasi dalam satu langkah.

Perlu jujur soal batas alat ini: ia menemukan dan menjelaskan kesalahan, tetapi tidak menulis ulang JSON Anda. Sama seperti JSON.parse yang hanya memberi tahu bahwa penguraian gagal, alat menunjuk lokasi dan alasan, lalu Anda yang menyunting nilainya sesuai maksud. Ini logis, karena hanya Anda yang tahu data seperti apa yang seharusnya ada. Dalam alur kerja nyata, Anda bisa memakai alat ini untuk memvalidasi teks sebelum menempelkannya ke kode, atau untuk memverifikasi cuplikan yang gagal diparse di aplikasi. Setelah teks dinyatakan valid di sini, Anda tetap disarankan membungkus JSON.parse dengan try/catch di produksi, sebab data yang datang saat runtime bisa berbeda. Alat ini mempercepat pemeriksaan manual, sedangkan penanganan galat yang tangguh di kode tetap menjadi tanggung jawab aplikasi Anda.

Cara menggunakan alat ini

💡

Tempel cuplikan JSON di alat ini untuk memeriksanya seperti JSON.parse, tanpa perlu membuka konsol atau menulis kode.

Cara Kerja

Panduan langkah demi langkah untuk validasi json dalam javascript dengan json.parse dan try/catch:

  1. 1

    Pahami polanya

    Dalam JavaScript, bungkus JSON.parse dengan try/catch. Jika teks valid, blok try berhasil dan Anda mendapat objek. Jika tidak, blok catch menangkap SyntaxError yang memuat pesan tentang letak kesalahan penguraian.

  2. 2

    Tempel JSON ke alat

    Alih-alih menulis skrip sekali pakai, tempelkan teks JSON ke alat ini atau muat file .json. Alat memakai mesin penguraian browser yang sama sehingga hasilnya konsisten dengan yang akan Anda dapat dari kode.

  3. 3

    Jalankan validasi

    Klik validasi untuk memeriksa teks. Bila valid, alat menyatakannya sehingga Anda yakin JSON.parse tidak akan melempar. Bila tidak, alat menampilkan baris, posisi, dan alasan agar Anda paham penyebab SyntaxError yang akan terjadi.

  4. 4

    Perbaiki lalu terapkan di kode

    Gunakan lokasi yang ditunjuk untuk memperbaiki JSON, lalu validasi ulang sampai bersih. Setelah teks valid, Anda bisa dengan percaya diri memasukkannya ke kode atau memanggil JSON.parse tanpa khawatir program berhenti mendadak.

Contoh nyata

Situasi umum di mana pendekatan ini benar-benar membuat perbedaan:

Menguji cuplikan sebelum menaruhnya di kode

Sebelum menyisipkan objek JSON ke berkas sumber, Anda menempelkannya ke alat untuk memastikan JSON.parse tidak akan melempar. Ini mencegah kesalahan sintaks halus, seperti kutip tunggal yang tanpa sadar tersalin dari kode JavaScript, sampai ke runtime aplikasi.

Mereproduksi SyntaxError dari log

Ketika aplikasi mencatat SyntaxError saat menguraikan data, Anda menyalin string yang bermasalah ke alat ini. Laporan baris dan posisinya memperjelas token mana yang membuat JSON.parse gagal, sehingga Anda tahu apakah data sumber cacat atau ada masalah encoding.

Memvalidasi konfigurasi JSON sebelum deployment

File konfigurasi JSON yang dibaca aplikasi Anda harus valid agar tidak crash saat start. Anda menempelkan isinya ke alat untuk memastikan strukturnya benar, menghindari koma akhir atau kurung yang belum tertutup yang bisa menghentikan proses boot.

Tips profesional

Dapatkan hasil yang lebih baik dengan saran ahli ini:

1

Ingat beda kutip tunggal dan ganda

Objek literal di JavaScript menerima kutip tunggal dan properti tanpa kutip, tetapi JSON tidak. Kesalahan paling sering saat menyalin dari kode adalah membiarkan kutip tunggal. Jika alat menandai token tak terduga di awal string, periksa jenis kutipnya lebih dulu.

2

Tetap pakai try/catch di produksi

Memvalidasi di alat ini bagus untuk memeriksa data statis, tetapi data runtime bisa berubah. Selalu bungkus JSON.parse dengan try/catch di kode agar aplikasi menangani respons cacat dengan anggun alih-alih berhenti karena SyntaxError yang tidak tertangkap.

3

Hindari eval untuk menguraikan JSON

Beberapa contoh lama memakai eval untuk mengubah string menjadi objek, tetapi itu berbahaya dan bisa menjalankan kode berbahaya. Gunakan JSON.parse yang aman, dan pakai alat ini untuk memastikan teksnya valid sebelum kode Anda menguraikannya.

FAQ

Pertanyaan yang sering diajukan

Panggil JSON.parse pada string di dalam blok try/catch. Jika teks valid, parse mengembalikan objek dan blok try selesai. Jika tidak, ia melempar SyntaxError yang Anda tangkap di blok catch. Alat ini menjalankan pemeriksaan yang sama tanpa Anda menulis kode.
Tidak ada di JavaScript standar. Pendekatan idiomatik adalah mencoba JSON.parse di dalam try/catch dan menganggap teks valid bila tidak ada lemparan. Anda bisa membuat helper sendiri dengan pola itu, atau memakai alat ini untuk pemeriksaan cepat tanpa menulis kode apa pun.
Tidak. Pemeriksaan berjalan sepenuhnya di browser Anda, persis seperti memanggil JSON.parse secara lokal. Teks yang Anda tempel atau file yang dimuat tidak dikirim ke server kami, sehingga cuplikan data internal dan informasi sensitif tetap berada di perangkat Anda.
Karena JSON lebih ketat daripada objek literal JavaScript. JSON melarang kutip tunggal, properti tanpa kutip, koma akhir, dan komentar, yang semuanya sah di JavaScript. Alat akan menunjuk elemen mana yang melanggar aturan JSON agar Anda bisa menyesuaikannya.
Ya. Alat memakai mesin penguraian browser yang sama, jadi bila alat menyatakan valid, JSON.parse pada string identik tidak akan melempar. Bila alat menandai kesalahan, itu tepat masalah yang memicu SyntaxError di kode Anda, lengkap dengan lokasinya.
Tidak. Sama seperti JSON.parse, alat hanya menemukan dan menjelaskan kesalahan. Ia menunjuk baris, posisi, dan alasan, lalu Anda yang menyunting nilainya. Ini disengaja karena hanya Anda yang tahu data seperti apa yang seharusnya ada di sana.
Tidak. eval bisa mengeksekusi kode arbitrer dan membuka celah keamanan serius. Selalu gunakan JSON.parse untuk menguraikan JSON. Alat ini membantu memastikan teksnya valid lebih dulu, tetapi penguraian sebenarnya di kode tetap harus memakai JSON.parse, bukan eval.

Siap untuk memulai?

Buka Validator JSON untuk melihat batas gratis dan metode pemrosesannya.

Buka Validator JSON →

Tingkat gratis · Tanpa akun · Batas transparan