Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mencetak Cantik JSON dengan Syntax Highlighting?

Bagaimanakah Saya Boleh Mencetak Cantik JSON dengan Syntax Highlighting?

DDD
Lepaskan: 2024-12-15 18:19:14
asal
527 orang telah melayarinya

How Can I Pretty-Print JSON with Syntax Highlighting?

Memaparkan JSON dalam Format Boleh Dibaca Manusia: Pencetakan Cantik

Mentransformasikan JSON kepada format yang lebih menarik secara visual dan boleh dibaca manusia boleh dicapai melalui cetakan cantik. Kaedah ini meningkatkan kebolehbacaan dengan menggunakan lekukan dan ruang putih, malah mungkin termasuk warna atau gaya fon.

Kaedah JSON.stringify() Asli

JSON.stringify() secara asli menggabungkan keupayaan pencetakan cantik. Dengan menentukan hujah ketiga, anda boleh mendayakan pencetakan cantik dan menentukan tahap lekukan.

var str = JSON.stringify(obj, null, 2); // sets spacing to 2
Salin selepas log masuk

Penyertaan Sintaks dengan Ungkapan Biasa

Untuk memasukkan penyerlahan sintaks ke dalam JSON yang dicetak cantik, anda boleh memanfaatkan kuasa ungkapan biasa.

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}
Salin selepas log masuk

Sepenuhnya Contoh

Di bawah ialah contoh lengkap yang menunjukkan penyerlahan sintaks bersama pencetakan cantik:

function output(inp) {
  document.body.appendChild(document.createElement('pre')).innerHTML = inp;
}

function syntaxHighlight(json) {
  // ... regular expression magic goes here ...
}

var obj = { ... };
var str = JSON.stringify(obj, undefined, 4);

output(str);
output(syntaxHighlight(str));
Salin selepas log masuk

Contoh ini mempamerkan cetakan cantik dengan lekukan dan penyerlahan sintaks dalam tindakan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetak Cantik JSON dengan Syntax Highlighting?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan