title: lodash pick in nested array
body: <p>I have an array of objects like this:</p>
  
  <pre><code>{
    "sizes":{
       "thumbnail":{
          "height":300,
          "width":300,
          "url":"http://example.com/wp-content/uploads/2017/04/web-300x300.jpg",
          "orientation":"landscape"
       },
       "medium":{
          "height":267,
          "width":400,
          "url":"http://example.com/wp-content/uploads/2017/04/web-400x267.jpg",
          "orientation":"landscape"
       },
       "large":{
          "height":441,
          "width":660,
          "url":"http://example.com/wp-content/uploads/2017/04/web-1024x684.jpg",
          "orientation":"landscape"
       },
       "full":{
          "url":"http://example.com/wp-content/uploads/2017/04/web.jpg",
          "height":1200,
          "width":1796,
          "orientation":"landscape"
       }
    },
    "mime":"image/jpeg",
    "type":"image",
    "subtype":"jpeg",
    "id":3589,
    "url":"http://example.com/wp-content/uploads/2017/04/web.jpg",
    "alt":"",
    "link":"http://example.com/web/",
    "caption":""
  }
  </code></pre>
  
  <p>I'm using the following snippet to create a new array with just the <code>alt</code>, <code>caption</code>, <code>id</code> and <code>url</code> keys in the array:</p>
  
  <pre><code>images.map( ( image ) =&gt; pick( image, [ 'alt', 'caption', 'id', 'url' ] ) ),
  </code></pre>
  
  <p>My question is, how can I pick the <code>sizes.thumbnail.url</code> key instead of the root <code>url</code> key? Is it possible? If so, how?</p>
  
  <p>Thanks in advance</p>