title: underscore.js: _.pick to extract properties inside an object that's in an array
body: <p>Below is the object that I have:</p>
  
  <pre><code>{
    "email": "joe@example.com",
    "id": null,
    "firstName": null,
    "lastName": null,
    "createdAt": "2016-10-05T18:16:07.000Z",
    "updatedAt": "2016-10-05T18:16:07.000Z",
    "Details": [
      {
        "id": 1,
        "token": null,
        "deviceId": null,
        "code": 12345678,
        "verified": null,
        "createdAt": "2016-10-05T18:16:07.000Z",
        "updatedAt": "2016-10-05T18:16:07.000Z",
        "UserEmail": "joe@example.com"
      }
    ]
  }
  </code></pre>
  
  <p>I am hoping to use the <a href="http://underscorejs.org/#pick" rel="nofollow">pick</a> method from the <a href="http://underscorejs.org/#pick" rel="nofollow">underscore.js</a> library and return the following object:</p>
  
  <pre><code>{
    "email": "joe@example.com",
    "firstName": null,
    "lastName": null,
    "Details": [
      {
        "token": null,
        "deviceId": null,
        "code": 12345678,
        "verified": null,
      }
    ]
  }
  </code></pre>
  
  <p>I have tried using:</p>
  
  <pre><code>var modifiedObj = _.pick(obj, 'email', 'firstName', 'lastName');
  </code></pre>
  
  <p>which returns:</p>
  
  <pre><code>{
    "email": "joe@example.com",
    "firstName": null,
    "lastName": null
  }
  </code></pre>
  
  <p>How do I extract the <code>Details</code> object and only some of the <code>properties</code> inside it?</p>