JS：可以遍历嵌套的子元素，但首先找到最深的元素？

Question

背景

我有一系列包含许多嵌套子元素的对象。我需要找出这些子元素中的哪些是“后退”按钮，我已经用标签属性 = 'backbtn' 来标识它。

一旦我找到了这个孩子，我就会对其执行一系列任务。

现在我成功地使用这段代码来遍历我的对象以找到一个具有标签属性'backbtn'的孩子

编辑：添加示例数据

var anotherchild = {
  name: 'Alexander',
  age: '99',
  label:'backbtn'
};
var firstchild = {
  name: 'Smith',
  age: '10',
  child: another child,
  label:'backbtn'
};
var a = {
  name: 'John',
  age: '32',
  child: first child,
  label:'backbtn'
};


function find(haystack, needle) {
  if (haystack.label === needle) {return haystack; }
  for (var i = 0; i < haystack.children.length; i ++) {
    var result = find(haystack.children[i], needle);
    if (result) { return result; }
  }
  return null;
}


find(myContent, "backbtn").fireEvent('click');

问题

现在我的问题是，当我有几个孩子被标记为“backbtn”时，上面的函数将简单地匹配它找到的第一个并返回它。

我实际上需要反过来，首先找到最深的元素。

这样的事情可能吗？

Answer 1

尝试递归使用Object.hasOwnProperty()，直到找不到匹配项

var anotherchild = {
  name: 'Alexander',
  age: '99'
};
var firstchild = {
  name: 'Smith',
  age: '10',
  child: anotherchild
};
var a = {
  name: 'John',
  age: '32',
  child: firstchild
};

function found(obj) {
  alert(JSON.stringify(obj))
}

(function find(obj) {
  if (obj.hasOwnProperty("child")) {
    find(obj.child)
  } else {
    found(obj)
  }
}(a));