Tengo un objeto como este:
const data = { val5: 1231, val3: 1232, val1: 1233, val2: 1234, val4: 1235, };Y tiene que ser ordenado por sus claves pero en un orden específico:
const sortOrder = ["val1", "val3", "val2"]; Si la clave no está presente en el sortOrder , entonces tiene que ir debajo de las claves que están presentes. Y el orden de las claves no presentes debería (potencialmente) permanecer igual.
El objeto de resultado debería verse así:
{ val1: 1233, // present in sortOrder at position 0 val3: 1232, // present in sortOrder at position 1 val2: 1234, // present in sortOrder at position 2 val5: 1231, // NOT present in sortOrder val4: 1235, // NOT present in sortOrder }He estado jugando con la clasificación de las teclas solo por ahora y puedo lograr cierto orden, pero las teclas que no están presentes aparecen en la parte superior
const ordered = Object.keys(data).sort((a, b) => { return sortOrder.indexOf(a) - sortOrder.indexOf(b); }); [ 'val5', 'val4', 'val1', 'val3', 'val2' ] Como puede ver, val5 y val4 son el principio y deberían estar al final (después de val2 )
Casi lo tenía, el único problema es que no está comprobando si sortOrder realmente contiene la clave que está iterando o no.
Si hace sortOrder.indexOf(x) pero x no está en sortOrder , entonces indexOf devolverá -1 , explicando por qué las claves inexistentes siempre están en la parte superior (--1 === +1). Consulte la referencia para obtener más información.
La solución es colocar manualmente todas las claves que no están presentes en sortOrder al final de la matriz:
if (!sortOrder.includes(a)) return 1 if (!sortOrder.includes(b)) return -1Así que al final, tendrías esto:
const ordered = Object.keys(data).sort((a, b) => { if (!sortOrder.includes(a)) return 1 if (!sortOrder.includes(b)) return -1 return sortOrder.indexOf(a) - sortOrder.indexOf(b); });