如何在 JavaScript 中使用递归循环遍历深度嵌套的对象结构

JavaScript 中复杂对象的递归循环

您的目标是遍历 JavaScript 中深度嵌套的对象结构，访问每个对象的名称及其名称子孙，等等。

for...in 循环

一种方法是利用 for...in 循环：

<code class="javascript">for (var key in foo) {
    if (key === "child") {
        // Do something with the child
    }
    else if (key === "bar") {
        // Do something with the bar
    }
    else if (key === "grand") {
        // Do something with the grand
    }
}</code>

处理原型属性

使用 for...in 时要小心，因为它还会迭代从原型继承的属性。为了避免这种情况，请使用 hasOwnProperty 方法：

<code class="javascript">for (var key in foo) {
    if (!foo.hasOwnProperty(key)) continue;  // Skip inherited properties
    if (key === "child") {
        // Do something with the child
    }
    // ...
}</code>

递归函数

对于递归循环，请考虑定义一个递归函数：

<code class="javascript">function eachRecursive(obj) {
    for (var k in obj) {
        if (typeof obj[k] === "object" &amp;&amp; obj[k] !== null) {
            eachRecursive(obj[k]);  // Recurse into sub-objects
        }
        else {
            // Do something with key-value pairs
        }
    }
}</code>

此函数将遍历对象并递归地循环遍历任何嵌套对象。

用法

要使用这些解决方案，只需调用：

<code class="javascript">eachRecursive(foo);</code>

以上是如何在 JavaScript 中使用递归循环遍历深度嵌套的对象结构的详细内容。更多信息请关注PHP中文网其他相关文章！