javascript vetor Classifique uma matriz de objeto por uma propriedade(com ordem personalizada, não alfabeticamente)




vetor javascript (3)

Você poderia implementar uma matriz de esquema e classificar de acordo com o índice do elemento dentro dessa 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);

Eu gostaria de obter sua ajuda sobre este pequeno problema.

Eu tenho como encomendar este array, dependendo do valor do código, mas não em ordem alfabética. ( Eu especifiquei isso em negrito, mas acabei sendo sinalizado de qualquer maneira, as pessoas nem se importam em ler a pergunta )

Por exemplo, eu gostaria de ter todos os objetos verdes , depois todos os azuis e depois todos os vermelhos . Qual o melhor jeito pra fazer isso?

[
    { 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}
]

É possível fazer isso com a função de classificação ? Qual seria a condição nesse caso?


Você poderia pegar um objeto para a ordem desejada.

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 unknow colors / values, você poderia usar um valor padrão com

  • 0 , para classificação no topo ou
  • Infinity para classificar até o final
  • ou qualquer outro valor para ordenar entre os outros grupos.

Por fim, você poderia classificar os itens tratados especiais com uma outra parte de classificação, encadeada com lógica OR || .

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; }


Definir a prioridade personalizada primeiro

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

Agora use o mesmo na classificação 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
})

Demonstração

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 );





sorting