Bagaimana Cara Merapikan String JSON di JavaScript?

Dibuat
·
Dilihat17 kali
0

Apakah ada cara untuk merapikan string JSON di JavaScript? Saya ingin memasukkan string JSON kedalam konten HTML dan string tersebut harus di format (ada indentasi, baris baru, dan sebagainya).

Saya sudah mencoba menggunakan cara ini tapi string JSON nya ditampilkan dalam satu baris.

<pre id="json" style="background-color: #eee; padding: 10px"></pre>

<script>
  const data = [
    { name: "Budi", age: 23 },
    { name: "Bambang", age: 28 },
    { name: "Caca", age: 30 },
  ];
  const preJsonElement = document.getElementById("json");
  preJsonElement.innerText = JSON.stringify(data);
</script>
JavaScriptJSON
1 Jawaban
0

JSON.stringify() tidak hanya menerima nilai (di parameter pertama), ada juga parameter ketiga yang mewakili jumlah spasi (indentasi JSON), contoh:

const data = [
  { name: "Budi", age: 23 },
  { name: "Bambang", age: 28 },
  { name: "Caca", age: 30 },
];

const formattedJson = JSON.stringify(data, null, 2);

Hasil:

[
  {
    "name": "Budi",
    "age": 23
  },
  {
    "name": "Bambang",
    "age": 28
  },
  {
    "name": "Caca",
    "age": 30
  }
]
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait