获取对象的路径并将其转换为 JavaScript 中的字符串

Question

如何生成对象路径的字符串？例如，假设我想将以下路径（而不是其内容）转换为字符串：

object = grandparent.children[2].children[4].whatever;

我需要这样的函数：

function stringifyPath(obj) {
    // somehow return "grandparent.children[2].children[4].whatever";
}

Answer 1

您根本无法在 Javascript 中执行此操作，除非每个对象都存储对其自身父级的引用并且有一种已知的方式来导航子级（就像 DOM 节点一样）。

这是因为当您将一个对象嵌入另一个对象（您所说的父/子关系）时，它并不是真正嵌入另一个对象的对象。子对象是一个独立的对象，并且在父对象中有对它的引用。同一个孩子可以存放在许多不同的地方。从 Javascript 的角度来看，它实际上没有父级。它是一个对象，许多不同的事物都可能引用它。

如果每个子对象都存储了对其自己父对象的引用，并且有一种已知的方法可以在任何级别上行走子对象，那么就可以编写代码来构建一条路径，就像您所说的那样，但是您应该有更具体地了解这些对象到底是什么以及如何找出给定对象的子索引。

例如，如果这些是满足两个条件的 DOM 对象（子对象包含对父对象的引用，并且有一种已知的方式来导航任何给定对象的子对象）并且您希望根父对象是 document.body，那么你可以这样做：

function getSiblingPosition(obj) {
    var siblings = obj.parentNode.children;
    var elemCnt = 0;
    for (var i = 0; i < siblings.length; i++){
          if (siblings[i] === obj) {
            return elemCnt;
        } else {
            if (siblings[i].nodeType === 1) {
                ++elemCnt;
            }
        }
    }
}

function getPath(obj) {
    var path = "";
    while (obj && obj !== document.body) {
        var cnt = getSiblingPosition(obj);
        path = ".children[" + cnt + "]" + path;
        obj = obj.parentNode;
    }
    path = "document.body" + path;
    return path;
}

工作演示：https://jsfiddle.net/jfriend00/8w9v8kpf/