Tengo una tabla de datos v en vueJS que contiene algunas columnas numéricas y algunas columnas de cadenas. En cada columna, algunos de los valores son nulos. Estoy tratando de crear una función de clasificación personalizada que colocará los valores nulos al final. Esto es lo que probé hasta ahora:
<v-data-table :headers="[ { text: 'Name', value: 'name' }, { text: 'Date of Birth', value: 'dateofbirth_fmt' }, { text: 'Team', value: 'team_name' }, { text: 'dp1 (string)', value: 'dp1', }, { text: 'dp2 (Numeric), value: 'dp2', } ]" :items="filteredPlayersData" item-key="_id" class="elevation-1" :custom-sort="customSort" />y esta funcion
customSort(items, index, isDesc) { items.sort((a, b) => { if (!isDesc[0]) { return (a[index] != null ? a[index] : Infinity) > (b[index] != null ? b[index] : Infinity) ? 1 : -1; } else { return (b[index] != null ? b[index] : -Infinity) > (a[index] != null ? a[index] : -Infinity) ? 1 : -1; } }); return items; }Funciona para esta columna numérica (dp1), pero no para la de cadena (dp2). ¿Alguna idea de cómo conseguir este trabajo?
Su algoritmo de clasificación no funciona correctamente para las cadenas.
Imagina que tu primera cadena es null y la segunda es 'Jelly bean' . En lugar de un valor null , está intentando comparar Infinity con 'Jelly bean' .
Esta comparación será false en ambos casos:
let a = Infinity; let b = 'Jelly bean'; console.log(a > b); console.log(a < b);Sería mejor usar otro algoritmo de clasificación.
Por ejemplo, he adaptado un algoritmo de esta publicación :
customSort(items, index, isDesc) { items.sort((a, b) => { if (a[index] === b[index]) { // equal items sort equally return 0; } else if (a[index] === null) { // nulls sort after anything else return 1; } else if (b[index] === null) { return -1; } else if (!isDesc[0]) { // otherwise, if we're ascending, lowest sorts first return a[index] < b[index] ? -1 : 1; } else { // if descending, highest sorts first return a[index] < b[index] ? 1 : -1; } }); return items; }Puede probar esto en CodePen . Funciona bien tanto para cadenas como para números.