title: Sort Array by attribute
body: <p>I right now just get the first 3 Object of an Array and map over them:</p>
  
  <pre><code>&lt;ul className="ItemSearchList"&gt; 
    { 
      champions.slice(0,3).map(function(champ){
        return (
          &lt;li key={champ.id} &gt;
            &lt;div className="media"&gt;
              &lt;div className="media-left"&gt;
                &lt;a href="#"&gt;
                  &lt;img className="media-object" src={"http://ddragon.leagueoflegends.com/cdn/5.2.1/img/champion/" + champ.key  + ".png"} /&gt;
                &lt;/a&gt;
              &lt;/div&gt;
              &lt;div className="media-body" &gt;
                &lt;h4 className="media-heading"&gt;{champ.name}&lt;/h4&gt;
                &lt;div&gt;
                  something
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/li&gt;
        )
      }) 
    }
  &lt;/ul&gt;
  </code></pre>
  
  <p>Each <code>champ</code> has a <code>level</code> attribute (champ.level).</p>
  
  <p>How can I sort my output to <code>champ.level</code> <code>descending</code> and slice the first 3?</p>