JavaScriptでJSONを整形してみる

JavaScript

JavaScriptでJSONを整形してみる。

index.html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>JSON FORMAT</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
  $(function(){
    $("#format").click(function() {
      try {
        $("#result").text(JSON.stringify(JSON.parse($("#json").val()), null, "    "));
      } catch (e) {
        $("#result").text("Parse Error");
      }
    });
  });
  </script>
</head>
<body>
  <div>
    <textarea id="json"></textarea><br />
    <button id="format">JSON FORMAT</button><br />
    <pre id="result"></pre>
  </div>
</body>
</html>

下記のような感じで整形できる。