Order array by name of enum instead of value

Question

I have an enumeration:

export enum Foo{
    AA= 0,
    ZZ= 1,
    AB= 2,
    ER = 5
}

I want my Bars, which contain the enum as a property foo, to be sorted on the name of the enum (AA, AB, ER, ZZ), and not on the numerical value (0, 1, 2, 5).

I'm using lodash to help me but I can't seem to get it to work:

const orderedBars = _.orderBy(unorderedBars, 'foo');

Answer 1

You could use localeCompare to sort them based on the string value:

unorderedBars.sort((a,b) => Foo[a.foo].localeCompare(Foo[b.foo]))

Demo on Typescript playgorund (Click on "Run")

If the property is string and you want to sort it based on the numerical value, you could sort it like this:

unorderedBars.sort((a, b) => Foo[a.foo] - Foo[b.foo])