title: get object by key then get values from other key same object
body: <p>I have an array of objects</p>
  
  <pre><code>"fields": [
      {
        "label": "Country",
        "name": "country",
        "picklistValues": ["USA", "CAN"],
        "type": "string"
      },
      {
        "label": "Day",
        "name": "day",
        "picklistValues": ["Monday", "Tuesday", "Wednesday"],
        "type": "string"
      },
      {...},
    ]
  </code></pre>
  
  <p>Using this code</p>
  
  <pre><code>  renderTerritoryMeta() {
        return this.props.territoryMeta.map((territoryField) =&gt; {
          return (
            &lt;div className="slds-grid slds-box slds-box--x-small tile"&gt;
                {territoryField.label}
  
            &lt;/div&gt;
          );
        });
    }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Vimji.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vimji.png" alt="enter image description here"></a></p>
  
  <p>It's rendering all of the objects in the array. I'd like to get specific objects by key <code>name</code> plus the value and then get the <code>picklistValues</code> of the same object.</p>
  
  <pre><code>// with this array
  // get the object by key 'name' &amp; value 'country'
  // then with same object get values from key 'pickListValues'
  </code></pre>