Why is my Array's Value Undefined? (Javascript) : <p>I'm trying to console.log one of the items in my "images" array. Here's the code I have written so far:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var projects = {
    projects : [
        {
            "title" : "Jarvis Systems",
            "dates" : "2015",
            "description" : "A simple control panel for stuff.",
            "images" : ["http://www.bitrebels.com/wp-content/uploads/2013/10/MAKO-Voice-Recognition-System-3.jpg", "https://i.ytimg.com/vi/ah6tHb7eWBY/maxresdefault.jpg"]
        }
    ]
};

console.log(projects.projects.images[0])</code></pre>
</div>
</div>
</p>

<p>Sadly, when I run the code, the console says that my array is undefined. How can that be when I just defined it?</p>
