私はこれを何度も作成しましたが、JavaScriptオブジェクトをユーザーに表示するためのフォーマットされた文字列に変換するためのより良いアルゴリズムを他の誰かが持っているかどうかを確認したいと思います。これは同期用ではありません(そうでない場合は、JSON.stringify()を使用してください)。これは、ユーザーが読みやすくナビゲートしやすい形式で表示するためのものです。
主な編集:
具体的には、ナビゲート可能なツリー構造を提供するために、JavaScriptオブジェクトをHTML要素に変換したいと思います。JSON表記の次のオブジェクトについて考えてみます。
var bob = {
id: 1,
name: "bob",
orders: [{id:1, name:"ord1"}, {id:2, name:"ord2"}],
otherObj: {
id: "anotherObj",
grandchild: { id: "anotherObj" }
}
};
上記をHTMLDOMオブジェクトに変換して、配列とオブジェクトを折りたたんだ状態で「bob」のすべての子を表示する方法でオブジェクトツリーを表示するツリー構造を形成し、ドリルする機能を提供したいと思います。それらの子オブジェクトをダウン(展開)します。
オブジェクトツリーを出力するための創造的な方法を受け入れるので、出力形式をあまり具体的にしたくありません。ドリルダウンの目的で拡張可能で折りたたみ可能であることを単に望んでいます。