使用数组对数据进行排序

Question

这是我的组件。 我想编写一个按计数对数组进行排序的功能，我将使用 html 中排序的数组数据来创建图表。

import { Component } from '@angular/core';
@Component({
selector: 'dashboard',
styleUrls: ['./dashboard.scss'],
templateUrl: './dashboard.html',
})
export class Dashboard {
private data = [];
constructor() {
this.data = [{
'maxTime': 30041,
'minTime': 6453,
'avgTime': 18949,
'count': 4,
'requestRouteTemplate': 'api/GetUserPostponesCountReport',
'requestMethod': 'POST',
},
...
}
]

Answer 1

this.data.sort(function (a, b) {
return a.count - b.count;
});

资料来源：https://developer.mozilla.org/hu/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

或者只是一个 ES6 快捷方式：

data.sort((a, b) => a.count - b.count ); 

因为在一行中你不需要{}也不需要返回，也允许箭头功能。

Answer 2

您可以使用sort函数

this.data.sort(function(a,b){
return a.count - b.count;
});

供参考 - 排序

用于调整 - 扑通器

Answer 3

在仪表板.html文件中实现此功能，您要在其中按计数显示数据顺序

像这样：

<tr  *ngFor="#friend in friends| orderBy : ['count']"">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
<td>{{friend.count}}</td>
</tr>