我有一个对象数组，在这个对象中，我有一些属性，当我单击标题时，我正在对这些属性进行排序，以便在表上显示这些属性.
由于我有多个包含字符串的列、多个包含Numbers的列和多个包含Date的列，我想知道是否有办法在具有数据类型的列上重复使用相同的.Sort代码.
大概是这样的:
<table>
<tr>
<th (click)="funcSort('string', 'name')">Name</th>
<th (click)="funcSort('string', 'food')">Favorite Food</th>
<th (click)="funcSort('number', 'age')">Age</th>
<th (click)="funcSort('date', 'birth')">Birth</th>
<th (click)="funcSort('number', 'carbs')">Carbs</th>
<th (click)="funcSort('date', 'training')">Training day</th>
</tr>
<tr *ngFor="let item of list">
<td>{{item.name}}</td>
<td>{{item.food}}</td>
<td>{{item.age}}</td>
<td>{{item.birth}}</td>
<td>{{item.carbs}}</td>
<td>{{item.training}}</td>
</tr>
</table>
Typescript :
infos: any = {
name: 'stack',
example: 'example..',
details: [
{nome: "ingrid", idade: 12, destino: "manaus"},
{nome: "ester", idade: 22, destino: "coreia"},
{nome: "sara", idade: 52, destino: "los angeles"},
{nome: "laura", idade: 32, destino: "peru"},
{nome: "priscila", idade: 40, destino: "rio de janeiro"},
{nome: "paula", idade: 39, destino: "londres"},
{nome: "simone", idade: 42, destino: "bahia"},
{nome: "leticia", idade: 26, destino: "argentina"},
{nome: "raissa", idade: 41, destino: "sao paulo"},
{nome: "ana", idade: 15, destino: "suecia"},
]
};
sortDir: boolean = true;
list: any = []
ngOnInit(): void {
let convert = Object.values(this.infos);
this.lista = convert[2]
}
funcSort(type: string, prop: string){
//prop would be the second property so that when I pass the function in HTML, I specify which
//property of the object I want to sort
if(type == 'string'){
if(this.sortDir == false){
this.list.sort(( a: any, b: any ) =>
b.prop.localeCompare(a.prop))
this.sortDir = true
}else if(this.sortDir == true){
this.list.sort(( a: any, b: any ) =>
a.prop.localeCompare(b.prop))
this.sortDir = false
}
console.log('string type!')
}
else if(type == 'number'){
if(this.sortDir == false){
this.list.sort(( a: any, b: any ) =>
b.prop- a.prop))
this.sortDir = true
}else if(this.sortDir == true){
this.list.sort(( a: any, b: any ) =>
a.prop- b.prop))
this.sortDir = false
}
console.log('number type!')
}
else if(type == 'date'){
if(this.sortDir == false){
this.list.sort(( a: any, b: any ) =>
new Date(b.prop).valueOf() - new Date(a.prop).valueOf())
this.sortDir = true
}else if(this.sortDir == true){
this.list.sort(( a: any, b: any ) =>
new Date(b.prop).valueOf() - new Date(a.prop).valueOf())
this.sortDir = false
}
console.log('date type!')
}
}
此代码不起作用，因为"a.pro.localeCompare(b.pro.localeCompare)"不存在，并且控制台在.prop和b.prop上显示错误. 所以我想知道是否有一种方法可以在Sort方法上使用另一种方法，一种重用一段代码来对相同类型的列进行排序的方法，或者将localeCompare更改为1，-1的方法？我试过了，但没奏效.