Lompat ke konten
SPCXTools

Bandingkan JSON

Temukan perbedaan antara dua objek JSON dengan cepat melalui perbandingan path-by-path yang mendetail.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan Bandingkan JSON

  1. 1Tempel JSON asli Anda di panel kiri dan JSON yang dimodifikasi di panel kanan.
  2. 2Alat ini akan langsung mem-parsing data dan menampilkan ringkasan field yang ditambah, dihapus, dan diubah.
  3. 3Centang "Abaikan urutan array" jika Anda ingin membandingkan isi array tanpa mempedulikan urutannya.
  4. 4Tinjau daftar perubahan secara detail, yang menampilkan path JSON yang tepat serta nilai lama/baru.
  5. 5Gunakan tombol Salin untuk menyalin laporan perbedaan dalam format teks biasa ke clipboard Anda.

Pengecek perbedaan JSON yang cepat dan privat

Saat bekerja dengan struktur data yang kompleks, mencari satu nilai yang berubah atau key yang hilang bisa sangat merepotkan. Alat pembanding JSON ini dirancang untuk langsung menganalisis dan menyoroti perbedaan pasti antara dua payload JSON. Daripada harus membaca ribuan baris kode, Anda akan mendapatkan laporan yang rapi dan terstruktur mengenai apa saja yang berubah.

Karena alat ini berjalan sepenuhnya di browser web Anda, ini adalah cara yang 100% privat untuk melakukan JSON diff secara online. Data Anda tidak akan pernah diunggah ke server atau disimpan di database. Anda dapat dengan aman memasukkan respons API internal, payload data pelanggan, atau konfigurasi environment yang sensitif tanpa risiko kebocoran data.

Cara kerja perbandingan JSON mendalam

Jika Anda ingin membandingkan dua file JSON, menggunakan Diff Checker teks biasa sering kali menghasilkan false positive. Alat teks biasa membandingkan data baris demi baris. Jika JSON yang diubah memiliki indentasi berbeda, atau urutan key dalam objeknya berbeda, text diff akan menandai seluruh blok tersebut sebagai perubahan.

Alat ini bekerja dengan cara yang berbeda. Alat ini mem-parsing teks menjadi objek JavaScript asli dan membandingkan struktur datanya secara mendalam dan rekursif. Alat ini mengabaikan spasi, indentasi, dan urutan key objek. Jika {"status": "ok", "code": 200} berubah menjadi {"code": 200, "status": "ok"}, alat ini akan menganggapnya sama persis.

Saat menemukan perbedaan, alat ini akan menampilkan path yang akurat menuju bagian yang berubah menggunakan notasi titik (dot notation) dan sintaks tanda kurung standar. Sebagai contoh, jika tag ketiga dalam sebuah array berubah, alat ini akan langsung menunjuk ke tags[2] alih-alih sekadar menyorot baris acak di dalam file yang besar.

Menangani array: ketat vs. abaikan urutan

Salah satu tantangan paling umum dalam alat pembanding JSON adalah menangani array. Terkadang, urutan item dalam array sangatlah penting. Di lain waktu, array hanyalah daftar item yang tidak berurutan, dan Anda hanya perlu memastikan isinya sama.

Secara default, alat ini membandingkan array secara ketat berdasarkan indeks. Alat ini mengecek apakah item pertama di versi asli cocok dengan item pertama di versi modifikasi, dan seterusnya.

Jika Anda mencentang opsi Abaikan urutan array, cara kerja alat ini akan berubah. Alat ini menserialisasi dan mengurutkan isi kedua array sesuai abjad sebelum membandingkannya. Artinya, jika array asli Anda adalah ["apple", "banana"] dan array modifikasi Anda adalah ["banana", "apple"], alat ini tidak akan mendeteksi adanya perubahan. Fitur ini sangat berguna saat membandingkan respons API dari database yang tidak menjamin urutan data tertentu.

Contoh penggunaan

Debugging respons API. Saat endpoint API tiba-tiba error, membandingkan respons lama yang normal dengan respons baru yang bermasalah adalah cara tercepat mencari penyebabnya. Tempel kedua payload untuk langsung melihat apakah ada key yang diubah namanya, tipe data yang berubah dari string menjadi integer, atau nested object yang dihapus.

Review file konfigurasi. Aplikasi modern sangat bergantung pada file konfigurasi JSON, seperti package.json, tsconfig.json, atau template deployment cloud. Sebelum melakukan commit perubahan, gunakan alat ini untuk memastikan dependency mana yang diperbarui atau pengaturan apa yang diubah.

Audit record database. Database dokumen seperti MongoDB menyimpan record dalam struktur yang mirip JSON. Jika Anda perlu mengaudit perubahan profil pengguna atau dokumen tertentu dari waktu ke waktu, membandingkan ekspor JSON historis dengan kondisi saat ini akan memberikan jejak audit yang jelas terkait field yang ditambahkan, dihapus, dan diubah.

Memahami output

Setelah Anda menempelkan JSON yang valid ke kedua panel, alat ini akan menghasilkan ringkasan dan daftar detail perubahannya:

  • Ditambahkan (+): Key atau item array yang ada di JSON yang diubah tetapi tidak ada di versi asli. Bagian ini disorot dengan warna hijau.
  • Dihapus (−): Key atau item array yang ada di JSON asli tetapi tidak ada di versi yang diubah. Bagian ini disorot dengan warna merah.
  • Diubah (~): Key yang ada di keduanya, tetapi memiliki nilai yang berbeda (misalnya, string diperbarui, atau boolean berubah dari true menjadi false). Bagian ini disorot dengan warna kuning, menampilkan nilai lama dan baru.

Jika Anda perlu membagikan hasil perbandingan dengan rekan kerja atau menempelkannya ke laporan bug, Anda bisa menggunakan tombol Copy. Tombol ini menyalin ringkasan teks biasa yang rapi dari setiap path yang diubah beserta nilainya.

Untuk manipulasi data lebih lanjut, Anda bisa merapikan data yang berantakan terlebih dahulu menggunakan JSON Formatter, atau setelah struktur JSON Anda final, buat definisi tipe menggunakan konverter JSON to TypeScript.

Pertanyaan yang sering diajukan

Bagaimana alat cek perbedaan JSON menangani array?
Secara bawaan, array dibandingkan secara ketat berdasarkan urutan indeksnya. Jika Anda mencentang "Abaikan urutan array", alat ini akan mengurutkan array berdasarkan isinya sebelum membandingkan. Ini berguna jika urutan item tidak penting, tetapi datanya harus sama persis.
Apakah data JSON saya dikirim ke server?
Tidak. Semua proses parsing dan perbandingan dilakukan secara lokal di browser Anda menggunakan JavaScript. Data Anda tidak pernah diunggah, sehingga alat ini sangat aman untuk respons API yang sensitif, ekspor database, atau file konfigurasi pribadi.
Apa yang terjadi jika JSON saya tidak valid?
Alat ini akan menampilkan pesan error di bawah kotak teks untuk menunjukkan lokasi kegagalan parsing. Anda harus memasukkan JSON yang valid di kedua panel agar perbandingan dapat berjalan.
Bisakah saya menukar JSON asli dan yang dimodifikasi?
Ya, klik tombol Tukar untuk langsung menukar panel kiri dan kanan. Hal ini akan membalikkan perspektif tentang data mana yang dianggap "ditambahkan" atau "dihapus".
Bagaimana objek bersarang dibandingkan?
Alat ini menelusuri objek dan array bersarang secara rekursif, lalu menghasilkan path yang akurat (seperti "user.address.city" atau "items[2].id") untuk setiap perbedaan yang ditemukan.
Mengapa menggunakan alat ini daripada alat pembanding teks biasa?
Pembanding teks biasa membandingkan baris teks. Jika objek JSON yang sama memiliki key dengan urutan berbeda, pembanding teks akan menganggapnya sebagai perubahan besar. Alat pembanding JSON memproses struktur data yang sebenarnya, sehingga alat ini tahu bahwa {"a":1, "b":2} dan {"b":2, "a":1} sama persis.

Alat terkait

Diff CheckerTempel dua versi teks dan lihat langsung apa yang ditambahkan, dihapus, atau diubah.JSON Formatter & ValidatorRapikan, minify, dan validasi JSON secara instan, dengan lokasi error yang jelas.JSON ke TypeScriptUbah data JSON menjadi interface atau type TypeScript secara instan dengan nama root dan opsi export yang dapat disesuaikan.Encode & Decode Base64Konversi teks dan file ke Base64 dan sebaliknya, dengan dukungan penuh UTF-8 dan Base64URL.Base64 ke GambarDecode string Base64 dan Data URI menjadi gambar yang dapat dilihat dan diunduh secara instan langsung di browser Anda.Kalkulator ChmodKonversi antara kotak centang, angka oktal seperti 755, dan hak akses simbolik seperti rwxr-xr-x.