记录js数组的sort排序与filter过滤

sort方法

sort(compareFn?: (a: T, b: T) => number): this;          // sort方法源码

sort()不传入参数时，排序会根据字符编码的顺序进行排序。如果想要我们正常的排序方式，需要传入一个方法去指定排序

sort排序传入一个方法。该方法接收a，b两个参数

1.若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。

2.若 a 等于 b，则返回 0。

3.若 a 大于 b，则返回一个大于 0 的值。

代码如下：

let data = [
  {
    id: 1,
    name: 'z1',
    num: 11
  },
  {
    id: 2,
    name: 'z2',
    num: 6
  },
  {
    id: 3,
    name: 'z3',
    num: 23
  },
  {
    id: 4,
    name: 'z4',
    num: 69
  },
  {
    id: 5,
    name: 'z5',
    num: 102
  },
  {
    id: 6,
    name: 'z6',
    num: 7
  },
  {
    id: 7,
    name: 'z7',
    num: 33
  },
  {
    id: 8,
    name: 'z8',
    num: 50
  },
  {
    id: 9,
    name: 'z9',
    num: 39
  },
  {
    id: 10,
    name: 'z10',
    num: 88
  }
]
data.sort((a, b) => {
  return a.num - b.num
})

 

这时打印data，上面的数据会根据数组中每个对象的num值排序，效果如下：

p.s.  sort方法会改变原数组

 

filter过滤

let data = [
  {
    id: 1,
    name: 'z1',
    num: 11
  },
  {
    id: 2,
    name: 'z2',
    num: 6
  },
  {
    id: 3,
    name: 'z3',
    num: 23
  },
  {
    id: 4,
    name: 'z4',
    num: 69
  },
  {
    id: 5,
    name: 'z5',
    num: 102
  },
  {
    id: 6,
    name: 'z6',
    num: 7
  },
  {
    id: 7,
    name: 'z7',
    num: 33
  },
  {
    id: 8,
    name: 'z8',
    num: 50
  },
  {
    id: 9,
    name: 'z9',
    num: 39
  },
  {
    id: 10,
    name: 'z10',
    num: 88
  }
]
console.log(data.filter((val) => {
  return val.num !== 11
}))

以上代码会过滤出数组中每个对象num值为11的数据，效果如下

p.s.  filter不会改变原数组