javascript - 对象的对象的问题

Question

基本上我正在测试 ES6，并想尝试从对象数组中返回一个对象的对象，数组中的每个对象都有一个 id 和一个父对象，id 将是父对象中保存的属性的名称。很简单，这是我的代码:

//an array of objects

let animals = [{
            id: "animal",
            parent: null
}, {
            id: "dog",
            parent: "animal"
}, {
            id: "cat",
            parent: "animal"
}, {
            id: "fish",
            parent: "animal"
}, {
            id: "labrador",
            parent: "dog"
}, {
            id: "cocker spaniel",
            parent: "dog"
}, {
            id: "bass",
            parent: "fish"
}, {
            id: "tuna",
            parent: "fish"
}, {
            id: "house cat",
            parent: "cat"
}, {
            id: "outdoor cat",
            parent: "cat"
}, {
            id: "human",
            parent: "animal"
}, {
            id: "man",
            parent: "human"
}, {
            id: "woman",
            parent: "human"
}];

//a recursive function to build our object of objects tree

let makeTreeOfCategories = (categories, parent) => {
            let parentNode = {};
            categories
                        .filter(category => category.parent === parent)
                        .forEach(category => parentNode[category.id] =
                                    makeTreeOfCategories(categories, category.id));
            return parentNode;
};

console.log(JSON.stringify(makeTreeOfTrees(animals, null), null, 2));

此代码将返回:

{
    "animal": {
        "dog": {
            "labrador": {},
            "cocker spaniel": {}
        },
        "cat": {
            "house cat": {},
            "outdoor cat": {}
        },
        "fish": {
            "bass": {},
            "tuna": {}
        },
        "human": {
            "man": {},
            "woman": {}
        }
    }
}

现在，如果我们运行以下命令:

//call our object and store in a variable

let obj = makeTreeOfCategories(animals, null);

//loop through the object and alert each child item and its children

for (var key in obj) {
            var val = obj[key];
            alert("Key: " + key + " value:" + val);
}

它警告一次说“键:动物值:[对象对象]”，但我不明白的是为什么，我希望它返回“键:动物值:狗”然后“键:动物值” :猫”等等。

你知道，基本上允许我循环遍历对象对象内的每个对象并警告其属性及其值。

此外，如果您也能告诉我这一点，我将如何访问以下内容:

{}.animal.dog.labrador 

如果我正在寻找特定的东西，例如拉布拉多是否有一个名为 name 的属性。

我希望这是有道理的，我想如果刚才有什么事情的话我只是让自己感到困惑，但我希望我清楚地说明了我已经尝试过的以及我希望发生的事情。

干杯，标清

Answer 1

您的循环将仅返回父对象 - 动物的属性。您需要在每个子元素上递归调用它才能获取所有警报。此外，您看到 [Object object] 的原因是您尝试将 {} 转换为字符串。在你的树中，键是唯一可以在没有特殊 toString() 的情况下打印的部分。

function recursiveAlert(node) {
    for (var key in node) {
        var val = node[key]

        alert("Key: " + key);

        recursiveAlert(val);
    }
}

根据 [Object 对象] 的性质，如果您想要的只是直接子级，您可以编写一个函数来将它们作为字符串获取。

function getChildren(node) {
    // get all properties as an array, then convert to a string
    return Object.keys(node).toString();
}

function recursiveAlert(node) {
    for (var key in node) {
        var val = node[key]

        alert("Key: " + key + ", Val: " + getChildren(val));

        recursiveAlert(val);
    }
}

最后，如何检查特定属性是否存在。如果你有一个对象

var tree = {id: 2};

并且您尝试访问其上不存在的属性，您将得到未定义的虚假值。

tree.dog;
// => undefined

这意味着您可以使用 if 语句检查属性是否存在。但是，您只能深入一层。

tree.dog.lab;
// => TypeError

但这没关系。

if (tree.dog) {
  if (tree.dog.lab) {
     // do something
  }
}