How to detect circular links in JavaScript

Question

For instance:

$ node
> var x = {}
undefined
> x.x = x
{ x: [Circular] }

It is amazing what structures they use to achieve this, because it is not encoded directly into what I just did. It looks like they will do something like:

var graph = new Graph(object)
graph.detectCircularReferences()

And then he will get them, but not sure how it works. Hope to find out how to implement this.

Answer 1

Given the ideas from the comments, I came up with this feature. It crosses the passed object (above the arrays and the object) and returns an array of paths pointing to circular links.

// This function is going to return an array of paths
// that point to the cycles in the object
const getCycles = object => {
    if (!object) {
        return;
    }

    // Save traversed references here
    const traversedProps = new Set();
    const cycles = [];

    // Recursive function to go over objects/arrays
    const traverse = function (currentObj, path) {
        // If we saw a node it a cycle, no need to travers it entries
        if (traversedProps.has(currentObj)) {
            cycles.push(path);
            return;
        }

        traversedProps.add(currentObj);

        // Traversing the entries
        for (let key in currentObj) {
            const value = currentObj[key];
            // We don't want to care about the falsy values
            // Only objects and arrays can produce the cycles and they are truthy
            if (currentObj.hasOwnProperty(key) && value) {
                if (value.constructor === Object) {
                    // We'd like to save path as parent[0] in case when parent obj is an array
                    // and parent.prop in case it an object
                    let parentIsArray = currentObj.constructor === Array;
                    traverse(value, parentIsArray ? `${path}[${key}]` : `${path}.${key}`);

                } else if (value.constructor === Array) {
                    for (let i = 0; i < value.length; i += 1) {
                        traverse(value[i], `${path}.${key}[${i}]`);
                    }
                }

                // We don't care of any other values except Arrays and objects.
            }
        }
    }

    traverse(object, 'root');
    return cycles;
};

Run codeHide result

Then you can check it as follows:

// Making some cycles.
const x = {};
x.cycle = x;
const objWithCycles = {
    prop: {},
    prop2: [1, 2, [{subArray: x}]]
};
objWithCycles.prop.self = objWithCycles;

console.log(getCycles(objWithCycles));

Run codeHide result

It produces the following output, which is a list of loops in an object:

[ 'root.prop.self', 'root.prop2[2][0].subArray.cycle' ]