構文の強調表示を使用して JSON をきれいに印刷するにはどうすればよいですか?

人間が判読可能な形式での JSON の表示: Pretty-printing

JSON をより視覚的に魅力的で人間が判読可能な形式に変換するには、Pretty-printing を使用します。このメソッドは、インデントと空白を利用することで可読性を高め、色やフォント スタイルを含めることもできます。

ネイティブ JSON.stringify() メソッド

JSON.stringify() には、整形機能がネイティブに組み込まれています。 3 番目の引数を指定すると、整形印刷を有効にしてインデント レベルを定義できます。

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

正規表現を使用した構文の強調表示

整形印刷された JSON に構文の強調表示を組み込むには、次のようにします。正規表現の力を利用できます。

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

本格的例

以下は、整形印刷と並行して構文の強調表示を示す完全な例です。

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));

この例では、インデントと構文の強調表示を使用した整形印刷の動作を示します。

以上が構文の強調表示を使用して JSON をきれいに印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。