TypeScript classificando uma matriz


154

Eu tenho tentado descobrir um problema muito estranho que eu encontrei com o texto datilografado. Tratava uma expressão booleana embutida como qualquer que fosse o tipo do primeiro valor, em vez da expressão completa.

Portanto, se você tentar algo simples como o seguinte:

var numericArray:Array<number> = [2,3,4,1,5,8,11];

var sorrtedArray:Array<number> = numericArray.sort((n1,n2)=> n1 > n2);

Tente

Você receberá um erro no seu método de classificação dizendo que os parâmetros não correspondem a nenhuma assinatura do destino da chamada, porque seu resultado é numérico e não booleano. Acho que estou perdendo alguma coisa, porque tenho certeza de que n1> n2 é uma instrução booleana.

Respostas:


180

O erro está completamente correto.

Como está tentando lhe dizer, .sort()assume uma função que retorna número, não booleano.

Você precisa retornar negativo se o primeiro item for menor; positivo se for maior ou zero se forem iguais.


56
É por isso que usamos o TypeScript! :-)
Stephen Chung

226

Números

Ao classificar números, você pode usar a comparação compacta:

var numericArray: number[] = [2, 3, 4, 1, 5, 8, 11];

var sortedArray: number[] = numericArray.sort((n1,n2) => n1 - n2);

ou seja, em -vez de <.

Outros tipos

Se você estiver comparando qualquer outra coisa, precisará converter a comparação em um número.

var stringArray: string[] = ['AB', 'Z', 'A', 'AC'];

var sortedArray: string[] = stringArray.sort((n1,n2) => {
    if (n1 > n2) {
        return 1;
    }

    if (n1 < n2) {
        return -1;
    }

    return 0;
});

Objetos

Para objetos, você pode classificar com base em uma propriedade, lembre-se das informações acima sobre como poder abreviar tipos de números. O exemplo abaixo funciona independentemente do tipo.

var objectArray: { age: number; }[] = [{ age: 10}, { age: 1 }, {age: 5}];

var sortedArray: { age: number; }[] = objectArray.sort((n1,n2) => {
    if (n1.age > n2.age) {
        return 1;
    }

    if (n1.age < n2.age) {
        return -1;
    }

    return 0;
});

Alguém poderia explicar por que, para o teste menor que 'Roy@my.net' retorna verdadeiro por menos que 'bob@my.net'? por exemplo: deixe myTest = ('Roy@my.net' <'bob@my.net'); // retorna verdadeiro para mim ... :(
Wallace Howery 21/17/17

1
no segundo caso, você pode usar localeCompare () para comparar strings na localidade atual, que retorna um número
neural5torm

Por favor, explique-me, como a (n1,n2)=>n1-n2expressão será executada ou funcionará .. ??
Rahul Chaudhari

1
@RahulChaudhari no exemplo de número, é uma função que pega os números n1e n2, dentro da função que retorna n1-n2, que será um número positivo, zero ou negativo. Isso informa à operação de classificação se os itens precisam ser alternados ou não, permitindo a classificação.
Fenton

sua pode ser possível filtro com proprty diferente
Arvind

24

Ótima resposta Sohnee. Gostaria de acrescentar que, se você possui uma matriz de objetos e deseja classificar por chave, é quase o mesmo, este é um exemplo de um que pode ser ordenado por data (número) ou título (string):

    if (sortBy === 'date') {
        return n1.date - n2.date
    } else {
        if (n1.title > n2.title) {
           return 1;
        }
        if (n1.title < n2.title) {
            return -1;
        }
        return 0;
    }

Também poderia fazer os valores dentro como variáveis ​​n1 [campo] vs n2 [campo] se for mais dinâmico, apenas mantenha a diferença entre cadeias e números.


O comentário das respostas deve ser feito usando a função de comentários.
Nicktar

6
@Nicktar Provavelmente, foi postada como resposta para a formatação. Mas ele não faz qualquer qualquer maneira mal
Wouter Vanherck

11
let numericArray: number[] = [2, 3, 4, 1, 5, 8, 11];

let sortFn = (n1 , n2) => number { return n1 - n2; }

const sortedArray: number[] = numericArray.sort(sortFn);

Classifique por algum campo:

let arr:{key:number}[] = [{key : 2}, {key : 3}, {key : 4}, {key : 1}, {key : 5}, {key : 8}, {key : 11}];

let sortFn2 = (obj1 , obj2) => {key:number} { return obj1.key - obj2.key; }

const sortedArray2:{key:number}[] = arr.sort(sortFn2);

1
n1 - n2 é negativo quando n1 <n2, positivo quando n1> n2 e 0 quando n1 == n2
Sébastien Stormacq

2
Obrigado! Eu mudei para isso: myArray.sort ((a, b): number => {return a.NumberProp - b.NumberProp;});
Lrodriguez84

10

Classificar matriz mista (alfabetos e números)

function naturalCompare(a, b) {
   var ax = [], bx = [];

   a.replace(/(\d+)|(\D+)/g, function (_, $1, $2) { ax.push([$1 || Infinity, $2 || ""]) });
   b.replace(/(\d+)|(\D+)/g, function (_, $1, $2) { bx.push([$1 || Infinity, $2 || ""]) });

   while (ax.length && bx.length) {
     var an = ax.shift();
     var bn = bx.shift();
     var nn = (an[0] - bn[0]) || an[1].localeCompare(bn[1]);
     if (nn) return nn;
   }

   return ax.length - bx.length;
}

let builds = [ 
    { id: 1, name: 'Build 91'}, 
    { id: 2, name: 'Build 32' }, 
    { id: 3, name: 'Build 13' }, 
    { id: 4, name: 'Build 24' },
    { id: 5, name: 'Build 5' },
    { id: 6, name: 'Build 56' }
]

let sortedBuilds = builds.sort((n1, n2) => {
  return naturalCompare(n1.name, n2.name)
})

console.log('Sorted by name property')
console.log(sortedBuilds)


Muito obrigado :)
Steve


0

function naturalCompare(a, b) {
   var ax = [], bx = [];

   a.replace(/(\d+)|(\D+)/g, function (_, $1, $2) { ax.push([$1 || Infinity, $2 || ""]) });
   b.replace(/(\d+)|(\D+)/g, function (_, $1, $2) { bx.push([$1 || Infinity, $2 || ""]) });

   while (ax.length && bx.length) {
     var an = ax.shift();
     var bn = bx.shift();
     var nn = (an[0] - bn[0]) || an[1].localeCompare(bn[1]);
     if (nn) return nn;
   }

   return ax.length - bx.length;
}

let builds = [ 
    { id: 1, name: 'Build 91'}, 
    { id: 2, name: 'Build 32' }, 
    { id: 3, name: 'Build 13' }, 
    { id: 4, name: 'Build 24' },
    { id: 5, name: 'Build 5' },
    { id: 6, name: 'Build 56' }
]

let sortedBuilds = builds.sort((n1, n2) => {
  return naturalCompare(n1.name, n2.name)
})

console.log('Sorted by name property')
console.log(sortedBuilds)


Olá, Bem-vindo ao stackoverflow, stackoverflow.com/help/how-to-answer , leia esta documentação e forneça uma descrição do que deve ser feito.
Prateik Darji 27/01

0

Escrevi este hoje, enquanto tentava recriar o _.sortByTypeScript, e pensei em deixá-lo para qualquer pessoa necessitada.

// ** Credits for getKeyValue at the bottom **
export const getKeyValue = <T extends {}, U extends keyof T>(key: U) => (obj: T) => obj[key] 

export const sortBy = <T extends {}>(index: string, list: T[]): T[] => {
    return list.sort((a, b): number => {
        const _a = getKeyValue<keyof T, T>(index)(a)
        const _b = getKeyValue<keyof T, T>(index)(b)
        if (_a < _b) return -1
        if (_a > _b) return 1
        return 0
    })
}

Uso:

Ele espera uma matriz do tipo genérico T, daí a conversão para <T extends {}>, além de digitar o parâmetro e o tipo de retorno de função comT[]

const x = [{ label: 'anything' }, { label: 'goes'}]
const sorted = sortBy('label', x)

** getByKeyfn encontrado aqui

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.