Sort an array with integers and letters alphabetic in Angular / Typescript

Question

What I plan to do

I try to sort an array like this...

1
2
2(a)
2(b)
2(b) #AsimpleName
2(b) #NameWithN
3
4
4(a)
...

... in Angular2.

My Current Code

Component

this.streetDetailRef = this.afDatabase.list('data/users/' + this.currentUserID + '/territory/' + this.sStreet.parentKey + '/' + this.sStreet.key + '/houseNumbers/');
this.streetDetailData = this.streetDetailRef.snapshotChanges().map(changes => {
  return changes.map(c => ({ key: c.payload.key, ...c.payload.val() })).sort();
});

The loop in my view

<ion-item-sliding *ngFor="let house of streetDetailData | async | orderBy: 'number':false" #slidingItem>
<strong>{{ house.number }}</strong> ...

'number' in this case is the clean number without letter. I store the letter in a separate firebase entry. But sure would be possible to store them in the same if needed.

Additional information: I'm using the ngx-orderBy-pipe by VadimDez: https://github.com/VadimDez/ngx-order-pipe

The current result

Hav · Accepted Answer · 2017-12-14 12:01:46Z

6

This function should do the trick:

function sortData(array: Array<number | string>): Array<number | string> {
    return array.sort((a, b) => a < b ? -1 : 1);
}

And here is use example:

const sorted = sortData(['4(a)', 4, 3, '2(b) #NameWithN', '2(b) #AsimpleName']); 
sorted // [ '2(b) #AsimpleName', '2(b) #NameWithN', 3, 4, '4(a)' ]

edited Dec 14, 2017 at 12:01

answered Dec 10, 2017 at 23:40

Hav

9388 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chris Sharp Over a year ago

@Hav - This will be my new goto function for sorting. Thanks!

Chris Sharp · Accepted Answer · 2017-12-13 15:10:11Z

2

UPDATE: While my answer works, the accepted answer is better and I will adopt it for use in the future.

You can use this simple compare function, along with Typescript's built-in sort() function to get the answers you want.

Typescript:

function sortStrings(a: string, b: string) {
    a = a.toLowerCase();
    b = b.toLowerCase();
    return a > b ? 1 : (a < b ? -1 : 0);
}

console.log(['4(a)', '3', '2', '2(b) secondName', 
 '2(b)firstName','2(b)','2(a)', '4', '1'].sort(sortStrings));

Output:

[ '1',
  '2',
  '2(a)',
  '2(b)',
  '2(b) firstName',
  '2(b) secondName',
  '3',
  '4',
  '4(a)' ]

edited Dec 13, 2017 at 15:10

answered Dec 10, 2017 at 22:00

Chris Sharp

1,9951 gold badge21 silver badges32 bronze badges

Comments

Rakesh · Accepted Answer · 2017-12-10 21:54:57Z

1

Using Typescript you can sort any collection which you have. Following is a code sample which might help you. I guess treating your id as string will solve the problem.

let names: [string];
    let numbers: [number];
    names.sort(this.sortByLetter);
    numbers.sort(this.sortByNumber);

sortByLetter(string1: string, string2: string) {
    if (string1 > string2) return 1
    else if (string1 === string2) return 0
    else return -1;
}


sortByNumber(n1: number, n2: number) {
    return n2 - n1;
}

answered Dec 10, 2017 at 21:54

Rakesh

4,2922 gold badges21 silver badges31 bronze badges

Collectives™ on Stack Overflow

Sort an array with integers and letters alphabetic in Angular / Typescript

What I plan to do

My Current Code

The current result

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

What I plan to do

My Current Code

The current result

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related