JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://underscorejs.org/underscore.js"></script>

JavaScript

var anObject = {
    "id": "1111",
    "name": "Outdoor Skiing",
    "parent_id": "1110",
    "parents": [
        {
           "id": "1000000",
           "name": "Movies"
        },
        {
           "id": "1000001",
           "name": "Outdoor Movies"
        }
    ]
};

var flip = function(theObject, newObject, offset) {
    offset ? offset++ : offset = 1;
    var newObj = _.first(_.last(theObject.parents, offset));
    newObject ? newObj.children = newObject : newObj.children = theObject;
    if (offset < _.size(theObject.parents))
    {
        flip(theObject, newObj, offset);
        return;
    }
    console.log(newObj);
};

flip(anObject);