angular8实现对象数组根据某个属性排序(多个也可以)

代码中col是传进来的对象的属性名

toLowerCase()将字符串转换为小写。

arrayInfos是数组，存储的是对象

这里我是配上一个上下切换的箭头使用的，点击切换上下方向并且排序

sort方法排序操作的是原始数组

如果在属性相等的情况下，想根据另外字段排序就传入两个参数多写个if(c == d) {if(e>f) return -1}

<th width="10%" (click)="sort('type')">类型
<span *ngIf="checked">&nbsp;▼</span>
<span *ngIf="!checked">&nbsp;▲</span>
</th>

checked:boolean = true;
sort(col:string){
        if (this.checked) {
            this.arrayInfos.sort(this.sortByDesc(col));
        }else {
            this.arrayInfos.sort(this.sortByAsc(col));
        }
        this.checked= !this.checked;
    }
sortByDesc(col:string) { //降序
        console.log(col+"降序");
        return function(a, b){
            var c = a[col].toLowerCase();
            var d = b[col].toLowerCase();
            if (c < d){
                return -1;
            }
        }
    }
sortByAsc(col:string) { //升序
        console.log(col+"升序");
        return function(a, b){
            var c = a[col].toLowerCase();
            var d = b[col].toLowerCase();
            if (c > d){
                return -1;
            }
        }
    }