javascript - 按属性对数组排序

我现在只需获取数组的前3个对象并映射它们:

<ul className="ItemSearchList">
  {
    champions.slice(0,3).map(function(champ){
      return (
        <li key={champ.id} >
          <div className="media">
            <div className="media-left">
              <a href="#">
                <img className="media-object" src={"http://ddragon.leagueoflegends.com/cdn/5.2.1/img/champion/" + champ.key  + ".png"} />
              </a>
            </div>
            <div className="media-body" >
              <h4 className="media-heading">{champ.name}</h4>
              <div>
                something
              </div>
            </div>
          </div>
        </li>
      )
    })
  }
</ul>

每个champ都有一个level属性(champ.level)。

如何将我的输出排序为champ.level descending并切片前三个？

最佳答案

结合使用 Array.prototype.sort() 和自定义的比较功能，首先进行降序排序:

champions.sort(function(a, b) { return b.level - a.level }).slice(...

使用ES6甚至更好:

champions.sort((a, b) => b.level - a.level).slice(...