使用 Underscore/Lodash 按值将对象排序为 AngularJS ng-repeat 的对数组

Question

我想使用Angular的ng-repeat将信息放在前端的以下对象中。我需要按值对 key/value 对进行排序，并在数组中从上到下按该顺序显示它们。

我有以下对象：

{name: 32, name1: 7, name2: 83, name3: 19}

我想在前端显示类似这样的东西：

姓名2：83 姓名：32 姓名 3：19 名称 1: 7

其中 key/value 对按值的顺序排序。我确信有一种简单的方法可以做到这一点，但我还没有意识到这一点。

Answer 1

您无法对对象进行排序，但通过将其转换为数组，您可以轻松地对其进行排序：

var obj = {name: 32, name1: 7, name2: 83, name3: 19};
var pairs = _.pairs(obj);
var sortedPairs = _.sortBy(pairs, function (p) {return -p[1]});
console.log(sortedPairs);

下一步是向他们展示：

<ul>
  <li ng-repeat="item in sortedPairs">
    {{item[0]}}: {{item[1]}}
  </li>
</ul>

使用 Underscore/Lodash 按值将对象排序为 AngularJS ng-repeat 的对数组

Use Underscore/Lodash to sort an object by values into an array of pairs for AngularJS ng-repeat

javascript

underscore.js

angularjs

lodash