Angular--返回数组内嵌套着数组排序法

// ===================================  html文件  ====================================

<nz-table #nzTable [nzData]="list">

<thead (nzSortChange)="sort($event)" nzSingleSort>

<tr>

<th nzShowSort nzSortKey="serIal"></th>

<th nzShowSort nzSortKey="conCen"></th>

<th nzShowSort nzSortKey="fie001"></th>

<th nzShowSort nzSortKey="fie002"></th>

<th nzShowSort nzSortKey="fie003"></th>

<th nzShowSort nzSortKey="fie004"></th>

</tr>

</thead>

<tbody>

<ng-container ngfor=" let item of list;index as i">

<tr ngfor=" let data of item.data;index as i">

<td>{{data.serIal}}</td>

<td>{{data.conCen}}</td>

<td>{{data.fie001}}</td>

<td>{{data.fie002}}</td>

<td>{{data.fie003}}</td>

<td>{{data.fie004}}</td>

</tr>

</ng-container>

</tbody>

</nz-table>

// ====================================  ts文件  =====================================

// 定义排序参数

public sortName = null;

public sortValue = null;

// 数组结构

public list= [{serIal:'序号',conCen:'内容',data:[

{fie001:'数据1',fie002:'数据2',fie003:'数据3',fie004:'数据4'},

{fie001:'数据1',fie002:'数据2',fie003:'数据3',fie004:'数据4'},

]},

{serIal:'序号',conCen:'内容',data:[

{fie001:'数据1',fie002:'数据2',fie003:'数据3',fie004:'数据4'},

{fie001:'数据1',fie002:'数据2',fie003:'数据3',fie004:'数据4'},

]}

];

// 分组排序逻辑

sort(sort: {key:string,value:string} ):void {

this.sortName = sort.key;

this.sortValue= sort.key;

if(sort.value === 'ascend') {

for(let i = 0; i < this.list.length; i++){

for(let j = 0; j < this.list[i].data.length; j++){

for(let k = 0; k< this.list[i].data.length; k++){

if(sort.key === 'conCen'){

this.list[i].data.sort(function(a,b){

return b.conCen.localeCompare(a.conCen, 'zh');

});

}else if(this.list[i].data[k][sort.key] > this.list[i].data[j][sort.key]) {

const temp = this.list[i].data[k];

this.list[i].data[k] = this.list[i].data[j];

this.list[i].data[j] = temp;

}

}

}

}

}else if(sort.value === 'descend') {

for(let i = 0; i < this.list.length; i++){

for(let j = 0; j < this.list[i].data.length; j++){

for(let k = 0; k< this.list[i].data.length; k++){

if(sort.key === 'conCen'){

this.list[i].data.sort (function(a, b) {

return a.conCen.localeCompare (b.conCen, 'zh');

});

}else if(this.list[i].data[k][sort.key] < this.list[i].data[j][sort.key]) {

const temp = this.list[i].data[k];

this.list[i].data[k] = this.list[i].data[j];

this.list[i].data[j] = temp;

}

}

}

}

}

}

小生不才,如有不足之处,请批评指正。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值