主页 / 问题 / 991839
Accepted
Marina
Asked:2020-06-12 02:57:19 +0000 UTC2020-06-12 02:57:19 +0000 UTC

通过不同方法对对象数组进行自定义排序

  • 772

我对表中的数据进行自定义排序（升序/降序）。为什么它只在一个方向排序？数据对象只更改一次。

  data = [
    { name: "Вася", age: 23 },
    { name: "Маша", age: 18 },
    { name: "Вовочка", age: 6 }
  ];


  up() {
    let copy = JSON.parse(JSON.stringify(this.data))
    copy.sort(function (a, b) {
      return Number(a.age) + Number(b.age)
    })
    this.data = copy;
    console.log(this.data);
  }


  down() {
    let copy = JSON.parse(JSON.stringify(this.data))
    copy.sort(function (a, b) {
      return Number(a.age) - Number(b.age)
    })
    this.data = copy;
    console.log(this.data);
  }

https://stackblitz.com/edit/angular-gcwe5p

javascript

1 个回答

  1. Best Answer

    您的代码应如下所示：

    app.component.ts

    import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  data = [
    { name: "Вася", age: 23 },
    { name: "Маша", age: 18 },
    { name: "Вовочка", age: 6 }
  ];



up() {
    let copy = JSON.parse(JSON.stringify(this.data))
    copy.sort(function (a, b) {
      return Number(a.age) - Number(b.age)
    })
    this.data = copy;
    console.log(this.data);
  }


  down() {
    let copy = JSON.parse(JSON.stringify(this.data))
    copy.sort(function (a, b) {
      return Number(b.age) - Number(a.age)
    })
    this.data = copy;
    console.log(this.data);
  }
}

    说明：

    如果您想将数组的元素按数字排序（按升序或降序），或按其他顺序对它们进行排序，则必须将Array.sort()其作为参数传递给您自己的函数。这个函数通常被称为比较函数。比较函数应采用 2 个参数并返回：

    • a如果第一个参数应该在b排序数组中的第二个参数之前，则为负值；
    • b如果第二个参数应该在a排序数组中的第一个之前，则为正值；
    • 如果排序过程中两个参数相等，则为 0 a。b

    因此，用于比较数字（按升序或降序）的函数应具有以下形式：

    上升：

    function asort (a,b) {return a-b;}

    降序：

    function asort(a,b) {return b-a;}
    • 1

相关问题