JSFiddle - React, Tailwind, and code Playground

JavaScript

var obj = {
        foo: { bar: {animals: [{name: "Billy"},{name: "Bob"},{name: "Joe"}]}}
    };

    var deep_value = function(obj, path){
        for (var i=0, path=path.split('.'), len=path.length; i<len; i++){
            obj = obj[path[i]];
        };
        return obj;
    };

    console.log(deep_value(obj, 'foo.bar.animals[1].name'));  // Should show "Bob"