JSON Stringify

Tentang GeekFormat

Unggah

Masukkan JSON atau string untuk dikonversi

Ubah JSON menjadi string yang mudah ditempel ke kode, URL, atau field teks, lalu pulihkan lagi ke JSON saat diperlukan.

Rekomendasi Terkait

JSON Escape / Unescape

Pemformat JSON

Perbaikan JSON

Urutkan JSON

Penggabungan JSON

Kompres JSON

Apa itu JSON Stringify dan embedding JSON sebagai string?

JSON Stringify adalah proses mengubah object atau array JSON menjadi representasi string. Di JavaScript, cara paling umum adalah memakai `JSON.stringify()`.

Dalam pekerjaan nyata, hasil serialisasi ini sering perlu dimasukkan ke source code, kolom teks database, parameter URL, atau field JSON lain sebagai string. Dalam situasi itu, tanda kutip, newline, dan backslash harus di-escape sekali lagi.

Tool ini melakukan stringify standar lalu otomatis menambahkan tanda kutip luar dan escape karakter khusus. Mode Parse melakukan kebalikannya untuk mengembalikan JSON yang mudah dibaca. Semua proses dikerjakan lokal di browser.

Kasus penggunaan

Mengubah JSON menjadi string literal untuk JavaScript / Java / Python / Go
Menyimpan respons API sebagai string di dalam JSON lain
Menyimpan string JSON ke kolom TEXT database atau nilai Redis
Mengirim JSON melalui query parameter atau header URL
Memulihkan JSON yang sudah di-escape dari log atau file konfigurasi

Cara Penggunaan

Tempel JSON atau string ke panel kiri, atau gunakan sample / upload file
Pilih mode Stringify atau Parse lalu atur format output jika perlu
Periksa hasil di panel kanan lalu copy ke kode, dokumen, atau konfigurasi
Jika perlu, unduh sebagai `stringified.txt` atau `parsed.json`

Fitur

Mode dua arah: mendukung Stringify dan Parse untuk konversi bolak-balik
Escape otomatis: menangani tanda kutip, backslash, line break, dan tab secara aman
Beberapa format output: string bertanda kutip, JSON terformat, atau satu baris compact
Cocok untuk embedding kode: hasil mudah ditempel ke JavaScript, Java, Python, dan Go
Berguna untuk URL dan database: memudahkan penyimpanan atau pengiriman JSON sebagai teks
Pemrosesan lokal penuh: serialisasi dan pemulihan berjalan langsung di browser

Contoh Kode

JavaScript: ubah JSON menjadi string untuk embedding

javascript

const data = { name: 'Alice', age: 30, tags: ['dev', 'writer'] };
const json = JSON.stringify(data, null, 2);
const embedded = '"' + json
  .replace(/\\/g, '\\\\')
  .replace(/"/g, '\\"')
  .replace(/\n/g, '\\n')
  .replace(/\r/g, '\\r')
  .replace(/\t/g, '\\t') + '"';

Python: escape ulang dengan json.dumps

python

import json

data = {"name": "Alice", "age": 30}
pretty = json.dumps(data, indent=2, ensure_ascii=False)
embedded = json.dumps(pretty)
restored = json.loads(json.loads(embedded))

jq: ubah file JSON menjadi string

bash

jq -Rs . data.json

echo '"{\"name\":\"Alice\"}"' | jq -r .

Pertanyaan Umum

Apakah JSON Stringify sama dengan JSON.stringify()?

Logika serialisasinya sama, tetapi tool ini juga menambahkan tanda kutip luar dan escape internal agar aman untuk embedding.

Apa bedanya dengan JSON Escape?

JSON Stringify bekerja pada seluruh object JSON, sedangkan JSON Escape hanya memproses karakter khusus di string biasa.

Apakah hasil Stringify jadi sulit dibaca?

Tidak. Dalam mode Pretty, line break dan indentasi tetap dipertahankan agar hasil masih mudah dibaca.

Apakah Parse bisa memulihkan `\n` dan `\"`?

Ya. Jika input di-escape dengan benar, tool akan melepas tanda kutip luar dan memulihkan karakter khusus.

Bolehkah hasilnya langsung dimasukkan ke URL?

Aman pada level JSON, tetapi untuk URL sebaiknya tetap gunakan `encodeURIComponent`.

Apakah cocok untuk nested JSON?

Ya. Anda bisa menjadikan JSON bagian dalam sebagai string dan menyimpannya sebagai value di JSON luar.

Bisakah hasilnya diunduh sebagai file?

Bisa. Mode Stringify mengunduh `stringified.txt`, sedangkan Parse mengunduh `parsed.json`.

Apakah data saya dikirim ke server?

Tidak. Semua proses terjadi lokal sehingga cocok juga untuk JSON yang sensitif.

Pemecahan Masalah

Stringify menampilkan error Invalid JSON

Biasanya karena trailing comma, tanda kutip tunggal, key tanpa tanda kutip, atau komentar.

Setelah Parse hasilnya bukan JSON

Mungkin tanda kutip luar hilang atau urutan backslash rusak. Periksa string input Anda.

Setelah ditempel ke kode muncul SyntaxError

Mengedit tanda kutip dan backslash secara manual mudah merusak hasil. Sebaiknya gunakan output tool apa adanya.

JSON besar membuat browser lambat

Pada ukuran beberapa MB, penggunaan memori akan meningkat. Untuk file besar, lebih aman gunakan Node.js atau Python.

Huruf non-ASCII atau emoji tidak berubah menjadi `\uXXXX`

Itu normal. JSON bisa menyimpan Unicode secara langsung. Jika Anda butuh `\uXXXX`, lakukan pemrosesan tambahan setelah output dibuat.

Glosarium

JSON.stringify: Method bawaan JavaScript untuk menserialisasi nilai JS menjadi string JSON.
JSON.parse: Method bawaan JavaScript untuk mengubah string JSON kembali menjadi object atau array.
Serialize: Proses mengubah struktur data di memori menjadi format teks yang bisa disimpan atau dikirim.
Deserialize: Proses kebalikan untuk memulihkan struktur data dari string.
Escape: Menambahkan backslash sebelum karakter khusus agar sintaks luar tidak rusak.
String Literal: Nilai string konstan di source code yang dibungkus tanda kutip.
Double-Escape: Melakukan escape ulang pada string yang sudah pernah di-escape ketika dimasukkan ke layer lain.
URL Encode: Mengubah karakter khusus URL menjadi bentuk `%XX`; ini berbeda dari escape JSON.

Tabel escape karakter di JSON Stringify

Karakter asli	Setelah Stringify	Nama	Catatan
`"`	`\"`	Tanda kutip ganda	Harus di-escape agar tidak menutup string luar
`\`	`\\`	Backslash	Karakter escape itu sendiri juga harus digandakan
`Baris baru`	`\n`	Newline	Diperlukan saat konten multi-baris dimasukkan ke satu string
`Tab`	`\t`	Tab	Di-escape sebagai karakter kontrol
`CR`	`\r`	Carriage Return	Bagian dari line ending Windows
`/`	`/`	Slash	Biasanya boleh tetap apa adanya

Perbedaan JSON.stringify dan tool ini

Tool	Input	Output	Skenario umum
JSON.stringify()	Object JS	String JSON standar	API, file, serialisasi umum
Mode Stringify tool ini	Object JSON	String siap embed dengan tanda kutip dan escape	Kode, DB, URL, nested JSON
Mode Parse tool ini	String yang sudah di-escape	Object JSON standar	Mengembalikan JSON dari log atau database
JSON Escape	String biasa	String dengan karakter khusus yang di-escape	Mengamankan potongan teks biasa