title: Accessing Object Property Values Within an Array - JavaScript
body: <p>Learning how to access property values.</p>
  
  <p>If I have</p>
  
  <pre><code>let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];
  </code></pre>
  
  <p>How would I console.log just the <em>value</em> of the second object? I.e. "website developer". </p>
  
  <p>I know how to console.log the entire key-value pair (or object) by using <code>.find()</code>:</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>let object1 = [{name: "HappyHands31"}, {job: "website developer"}, {city: "Chicago"}];
  
  console.log(object1.find(function(element) {
      return element.hasOwnProperty("job");
  }
  ));</code></pre>
  </div>
  </div>
  </p>
  
  <p>But what about just the <em>value</em> of this pair?</p>