外部ライブラリを使用せずに、JavaScript でネストされた JSON オブジェクトを効率的に走査するにはどうすればよいですか?

JavaScript を使用した JSON オブジェクト階層の移動: カスタム ソリューション

多くの開発者は、複雑な JSON 構造を横断するためのツールを探していますが、このタスク専用のライブラリはありません過剰に見えることがよくあります。この記事では、この一般的な課題に合わせた JavaScript ソリューションを検討します。

XML ドキュメントには DOM トラバーサル手法が豊富にありますが、JSON 解析には独自の一連の要件が存在します。次のコード スニペットを入力します。

// Sample JSON object
const o = {
  foo: 'bar',
  arr: [1, 2, 3],
  subo: {
    foo2: 'bar2'
  }
};

// Custom traversal function:
function traverse(obj, callback) {
  for (const key in obj) {
    callback(key, obj[key]);
    if (obj[key] && typeof obj[key] === 'object') {
      traverse(obj[key], callback);
    }
  }
}

この関数 traverse は再帰的アプローチを採用し、オブジェクト ツリーを下降して、各プロパティとその値のコールバック関数を呼び出します。コールバック自体はユーザー定義ロジックのプレースホルダーです。

次の例を考えてみましょう:

// Callback function:
function process(key, value) {
  console.log(`${key} : ${value}`);
}

// Traverse the object using the custom function:
traverse(o, process);

サンプル オブジェクトに適用すると、出力は次のようになります:

foo : bar
arr : 1
arr : 2
arr : 3
subo : [object Object]
foo2 : bar2

このアプローチでは、外部依存関係が排除され、深い JSON 構造を走査するための軽量メカニズムが提供されます。これは、手動によるトラバースが必要なアプリケーションや、かさばるフレームワークよりも優先されるアプリケーションに特に役立ちます。

以上が外部ライブラリを使用せずに、JavaScript でネストされた JSON オブジェクトを効率的に走査するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。