未处理的拒绝（TypeError）：无法读取未定义的属性（读取“长度”）

Question

为什么 children.length 会导致 Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'length') 特别是因为 children.length 的值已成功显示在控制台上？

const getParentId = (childId) => {
    var queue = [ds]
    while(queue.length > 0){
      const children = queue[0].children
      queue.push(children)
      console.log("children.length = "+children.length)
      for (let i = 0; i < children.length; i++){
        if (children[i].id === childId) {return queue[0].id}
      }
      queue.shift()
    }
  }

  const addSiblingNodes = async () => {


    const child = [...selectedNodes][0]
    const childId = child.id
    const newNodes = getNewNodes()

    await dsDigger.addSiblings(childId, newNodes);
    setDS({ ...dsDigger.ds });
    
    console.log("the parent of "+childId +" is "+ getParentId(childId))
  };

Answer 1

while 循环在 queue 中的条目没有 children 属性后继续循环 - 代码实际上将 undefined 推送到 queue。当它在下一行报告undefined 的长度时， 会抛出导致 promise 被拒绝的错误。

如果我错了，请纠正我，但是说没有 children 数组有 children 属性，因为只有 child 节点有 children 属性，这不是真的吗？如果确实如此，则错误发生在while 循环的第二次迭代中。

我建议审查getParentId 的设计，因为它似乎正在尝试从ds 节点开始对最年长的孩子进行分支遍历 - 并且可能应该对所有子分支进行树遍历。