sortering - Hvordan sorterer du en matrise med objekter etter en gitt egenskap i Typescript?

Si at du har et array av objekter av følgende type:

type Obj = {
  id: number,
  created: Date, 
  title: string
}

Hvordan ville du sortere etter en gitt egenskap uten å snuble over typsystemet? For eksempel:

const numberSorted = objArray.sortBy("id");
const dateSorted = objArray.sortBy("created");
const stringSorted = objArray.sortBy("title");

Svar #1

Du kan bruke Array.prototype.sort

For eksempel:

objArray.sort((a, b) => {
    // Some code for comparison
});

Lær mer om sorteringsfunksjonen: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort

Svar #2

Du kan definere en funksjon som

function sortBy<T, V>(
        array: T[],
        valueExtractor: (t: T) => V,
        comparator?: (a: V, b: V) => number) {

  // note: this is a flawed default, there should be a case for equality
  // which should result in 0 for example
  const c = comparator ?? ((a, b) => a > b ? 1 : -1) 
  return array.sort((a, b) => c(valueExtractor(a), valueExtractor(b)))
}

som deretter kunne brukes som

interface Type { a: string, b: number, c: Date }
const arr: Type[] = [
  { a: '1', b: 1, c: new Date(3) },
  { a: '3', b: 2, c: new Date(2) },
  { a: '2', b: 3, c: new Date(1) },
]
const sortedA: Type[] = sortBy(arr, t => t.a)
const sortedC: Type[] = sortBy(arr, t => t.c)
// or if you need a different comparison
const sortedX = sortBy(arr, t => t.c, (a, b) => a.getDay() - b.getDay())

Dette fungerer også med nestede egenskaper innenfor objekter t => t.a.b.c eller for tilfeller der du trenger å utlede sorteringsnøkkelen videre, f.eks. t => t.a.toLowerCase()

Relaterte artikler