javascript - Ordenar una matriz de objetos por una propiedad(con orden personalizado, no alfabéticamente)

arrays sorting

Question

Me gustaría obtener su ayuda sobre este pequeño problema.

Me gustaría ordenar esta matriz según el valor del código , pero no en orden alfabético. ( Especifiqué esto en negrita, pero finalmente me marcaron de todos modos, a la gente ni siquiera le importa leer la pregunta )

Por ejemplo, me gustaría tener todos los objetos verdes , luego todos los azules y luego todos los rojos . ¿Cuál es la mejor manera de hacer eso?

[
    { code: "RED", value: 0},
    { code: "BLUE", value: 0},
    { code: "RED", value: 0},
    { code: "GREEN", value: 0},
    { code: "BLUE", value: 0},
    { code: "RED", value: 0},
    { code: "GREEN", value: 0},
    { code: "BLUE", value: 0}
]

¿Es posible hacer eso con la función de clasificación ? ¿Cuál sería la condición en ese caso?

Answer 1

Establezca la prioridad personalizada primero

var codePriority = [ "GREEN", "BLUE", "RED" ];

Ahora use lo mismo en la clasificación como

arr.sort( function(a,b){ 
   if ( a.code == b.code ) return a.value - b.value;
   return codePriority.indexOf( a.code ) - codePriority.indexOf( b.code ) ; notice this line
})

Manifestación

var arr = [
    { code: "RED", value: 0},
    { code: "BLUE", value: 0},
    { code: "RED", value: 0},
    { code: "GREEN", value: 0},
    { code: "BLUE", value: 0},
    { code: "RED", value: 0},
    { code: "GREEN", value: 0},
    { code: "BLUE", value: 0}
];
var codePriority = [ "GREEN", "BLUE", "RED" ];
arr.sort( function(a,b){ 
   if ( a.code == b.code ) return a.value - b.value;
   return codePriority.indexOf( a.code ) - codePriority.indexOf( b.code )
});
console.log( arr );

Answer 2

Podrías tomar un objeto para el orden deseado.

var array = [{ code: "RED", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }],
    order = { GREEN: 1, BLUE: 2, RED: 3 };
    
array.sort(function (a, b) {
    return order[a.code] - order[b.code];
});

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Para colores / valores desconocidos, puede usar un valor predeterminado con

• 0 , para ordenar al principio o
• Infinity para ordenar hasta el final,
• o cualquier otro valor para ordenar entre los otros grupos.

Por fin, puede ordenar los elementos tratados especiales con otra parte de clasificación, encadenados con OR lógico || .

var array = [{ code: "YELLOW", value: 0 }, { code: "BLACK", value: 0 }, { code: "RED", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }, { code: "RED", value: 0 }, { code: "GREEN", value: 0 }, { code: "BLUE", value: 0 }],
    order = { GREEN: 1, BLUE: 2, RED: 3, default: Infinity };
    
array.sort(function (a, b) {
    return (order[a.code] || order.default) - (order[b.code] || order.default) || a.code.localeCompare(b.code);
});

console.log(array);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

Puede implementar una matriz de esquema y ordenar según el índice del elemento dentro de esa matriz de esquema.

const a = [''GREEN'', ''BLUE'', ''RED''];

const o = [{code:"RED",value:0},{code:"BLUE",value:0},{code:"RED",value:0},{code:"GREEN",value:0},{code:"BLUE",value:0},{code:"RED",value:0},{code:"GREEN",value:0},{code:"BLUE",value:0}];

const r = o.slice().sort(({ code: q }, { code: w }) => a.indexOf(q) - a.indexOf(w));

console.log(r);