Js如何遍历嵌套的Object对象

最新推荐文章于 2025-10-24 20:12:53 发布

原创最新推荐文章于 2025-10-24 20:12:53 发布 · 3k 阅读

5 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

博客主要围绕如何遍历嵌套的Object对象展开，指出当嵌套不深时，可采用递归方式进行遍历，并表示会给出递归遍历的示例及运行截图。

如何遍历嵌套的Object对象

嵌套不深的话，可以选择用递归的方式去遍历。在这里写一下递归遍历的方式。

下面举个栗子：

let obj = {
    x: 10,
    y: 20,
    children: [
        {
            x: 1,
            y: 2,
            children: [
                {
                    x: 3,
                    y: 4
                }
            ]
        },
        {
            x: 5,
            y: 6
        }
    ]
}

// 如何遍历obj？

function traverse(obj) {

    if (obj) {
        console.log("--------begin-------")
        console.log("x:", obj.x);
        console.log("y:", obj.y);
        console.log("--------end-------")

        if (obj.children) {
            obj.children.forEach(element => {
                traverse(element);
            });
        }
    }
}

traverse(obj);