Skip to main content
se eliminaron 2 caracteres en el cuerpo
Origen Enlace

Extendiendo la respuesta de @akotech que es totalmente válida a nivel conceptual, una aproximación más "type safe" sería la siguiente:

function sortByAttribute<E>(array: Array<E>, attributeName: keyof E): Array<E> {
  array.sort((a, b) => {
    if (a[attributeName] < b[attributeName]) return -1;
    else if (a[attributeName] > b[attributeName]) return 1;
    else return 0;
  });
  return array;
}

En este caso no modificamos el genérico, si no que hacemos explícito que el parámetro attributeName debe obligatoriamente ser una key del objeto genérico utilizando keyof E.

Un ejemplo de uso sería el siguiente:

interface Test {
  a: number
  b: number
  c: string
}

sortByAttribute([] as Test[], 'b');

Lo bueno de esta aproximación es que no podemos pasar cualquier valor al parámetro attributeName; Si intentamos pasar un atributo que no existe en el genérico, el compilador nos mostrará un error:

sortByAttribute([] as Test[], 'no-existe');
                               ^^^^^^^^^^^
                               Argument of type '"no-existe"' is not assignable to parameter of type 'keyof Test'.(2345)

Si quieres experimentar, te dejo el playground de códigoplayground de código.

Extendiendo la respuesta de @akotech que es totalmente válida a nivel conceptual, una aproximación más "type safe" sería la siguiente:

function sortByAttribute<E>(array: Array<E>, attributeName: keyof E): Array<E> {
  array.sort((a, b) => {
    if (a[attributeName] < b[attributeName]) return -1;
    else if (a[attributeName] > b[attributeName]) return 1;
    else return 0;
  });
  return array;
}

En este caso no modificamos el genérico, si no que hacemos explícito que el parámetro attributeName debe obligatoriamente ser una key del objeto genérico utilizando keyof E.

Un ejemplo de uso sería el siguiente:

interface Test {
  a: number
  b: number
  c: string
}

sortByAttribute([] as Test[], 'b');

Lo bueno de esta aproximación es que no podemos pasar cualquier valor al parámetro attributeName; Si intentamos pasar un atributo que no existe en el genérico, el compilador nos mostrará un error:

sortByAttribute([] as Test[], 'no-existe');
                               ^^^^^^^^^^^
                               Argument of type '"no-existe"' is not assignable to parameter of type 'keyof Test'.(2345)

Si quieres experimentar, te dejo el playground de código.

Extendiendo la respuesta de @akotech que es totalmente válida a nivel conceptual, una aproximación más "type safe" sería la siguiente:

function sortByAttribute<E>(array: Array<E>, attributeName: keyof E): Array<E> {
  array.sort((a, b) => {
    if (a[attributeName] < b[attributeName]) return -1;
    else if (a[attributeName] > b[attributeName]) return 1;
    else return 0;
  });
  return array;
}

En este caso no modificamos el genérico, si no que hacemos explícito que el parámetro attributeName debe obligatoriamente ser una key del objeto genérico utilizando keyof E.

Un ejemplo de uso sería el siguiente:

interface Test {
  a: number
  b: number
  c: string
}

sortByAttribute([] as Test[], 'b');

Lo bueno de esta aproximación es que no podemos pasar cualquier valor al parámetro attributeName; Si intentamos pasar un atributo que no existe en el genérico, el compilador nos mostrará un error:

sortByAttribute([] as Test[], 'no-existe');
                               ^^^^^^^^^^^
                               Argument of type '"no-existe"' is not assignable to parameter of type 'keyof Test'.(2345)

Si quieres experimentar, te dejo el playground de código.

Origen Enlace

Extendiendo la respuesta de @akotech que es totalmente válida a nivel conceptual, una aproximación más "type safe" sería la siguiente:

function sortByAttribute<E>(array: Array<E>, attributeName: keyof E): Array<E> {
  array.sort((a, b) => {
    if (a[attributeName] < b[attributeName]) return -1;
    else if (a[attributeName] > b[attributeName]) return 1;
    else return 0;
  });
  return array;
}

En este caso no modificamos el genérico, si no que hacemos explícito que el parámetro attributeName debe obligatoriamente ser una key del objeto genérico utilizando keyof E.

Un ejemplo de uso sería el siguiente:

interface Test {
  a: number
  b: number
  c: string
}

sortByAttribute([] as Test[], 'b');

Lo bueno de esta aproximación es que no podemos pasar cualquier valor al parámetro attributeName; Si intentamos pasar un atributo que no existe en el genérico, el compilador nos mostrará un error:

sortByAttribute([] as Test[], 'no-existe');
                               ^^^^^^^^^^^
                               Argument of type '"no-existe"' is not assignable to parameter of type 'keyof Test'.(2345)

Si quieres experimentar, te dejo el playground de código.