按属性排序数组 [英] Sort Array by attribute

问题描述

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

I right now just get the first 3 Object of an Array and map over them:

<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>

每个冠军都有 level 属性（champ.level）。

Each champ has a level attribute (champ.level).

如何将输出排序为 champ.level 降序并切片前3？

How can I sort my output to champ.level descending and slice the first 3?

推荐答案

使用 Array.prototype。 sort（） 使用自定义比较函数首先执行降序排序：

Use Array.prototype.sort() with a custom compare function to do the descending sort first:

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

ES6更好：

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

这篇关于按属性排序数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！