在 JavaScript 中检测对象是否有子对象

Question

在 JavaScript 中，您可以像这样获取 XML 节点的子节点...

var children = xml.childeNodes;

如何获取对象的子节点？

var obj = {
  prop1: 'stuff',
  prop2: 'things',
  prop3: 'stuff-n-things'
}

---

第二轮

给定一个像这样的对象..

var Obj = {
  levelOneProp1: 'stuff',
  levelOneProp2: 'things',
  levelOneProp3: {
     levelTwoProp1: 'moreStuff',
     levelTwoProp2: 'morethings',
     levelTwoProp3: 'morestuff-n-things'
  } 
}

我想知道 Obj 中的哪些属性有子项，以便我可以以递归方式循环遍历它们。目标是能够提供一个具有（理论上）无限数量的子项的数据集，并将它们的值应用于输入元素......这是我到目前为止所拥有的。

function applyData( dataSet ){
    var hasChildren = false;

    for(var i = 0; i < dataSet.childNodeArrayGoesHere.length; i++){
        if(dataSet.detectChildNodesHere){
            hasChildren = true;
        }
    }

    if(hasChildren){
        for(var j = 0; j < dataSet.childNodeArrayGoesHere.length; i++){
            applyData(dataSet[j]);
        }
    } else {
        //apply the key/value pair to an input element

        $("input[name" + dataSet.propertyName + "]").val(dataSet.propertyValue);
    }
}

Answer 1

您可以像这样迭代对象的所有属性：

var o = { prop1: 'this is prop 1', prop2: 'this is prop2'};

for(var propName in o) {
    if(o.hasOwnProperty(propName)) {
        alert(o[propName]);   
    }
}

hasOwnProperty() 函数检查以确保指定的属性实际上存在于对象中。在这种情况下使用它可以确保您不会获得任何继承的属性。

Answer 2

您可以像这样递归地迭代对象的所有属性。

找到所有的结束节点，按名称选择对应的输入标签，并将值放入其中。

我使用的对象只有两个级别，但它可以与 n 个级别的对象一起使用。

var Obj = {
          id1: 'stuff',
          id2: 'things',
          id3: {
              levelTwo1: 'moreStuff',
              levelTwo2: 'morethings',
              levelTwo3: 'morestuff-n-things'
          }
      }

function addAttributeInput(obj) {
    for (var o in obj) {
        if (typeof obj[o] == "object") {
            addAttributeInput(obj[o]);
        } else {
            $("input[name='" + o + "']").val(obj[o]);
        }
    }
}

addAttributeInput(Obj);

Answer 3

此代码检测 obj 是否有任何子项

Object.keys(obj).length

Answer 4

那些不是孩子，您已经创建了一个关联数组。

像这样访问它们：

obj[prop1]

Answer 5

您正在寻找的实际上是对象键。您可以通过调用它来检查对象键是否存在：

您的对象：

var obj = {
    prop1: 1,
    prop2: 2
}

检查是否未定义：

if (obj.prop3 === undefined) {
    alert('obj key does not exist');
} else {
    alert(obj.prop3);
}

或

if (obj["prop3"] === undefined) {
    alert('obj key does not exist');
} else {
    alert(obj["prop3"]);
}

或者如果您遇到以下用例： obj 键的值可能会手动设置为未定义：

if (obj.hasOwnProperty("prop3")) {
    alert(obj["prop3"])
} else {
    alert('obj key does not exist');
}