Sort based on Characters(String) Angular 7

Question

I have array of objects. Here i need to sort value while binding.

simple.ts

this.data =  
      [
         {
            name : 'C1A5'
         },
         {
            name : 'C1A1'
         },
         {
            name : 'C1A2'
         },
         {
            name : 'C1A4'
         },
         {
            name : 'C1A3'
         },
         {
            name : 'C1A7'
         },
         {
            name : 'C1A6'
         }
      ]

simple.html

 <div class="" *ngFor="let d of data">
      {{d.name}}
</div>

Here how can I sort to get below result in UI:

 'C1A1'
    'C1A2'
    'C1A3'
    'C1A4'
    'C1A5'
    'C1A6'
    'C1A7'

Thanks in advance.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort — JB Nizet, Mar 18 '19 at 07:24
Possible duplicate of [Sort array of objects by string property value](https://stackoverflow.com/questions/1129216/sort-array-of-objects-by-string-property-value) — zmag, Mar 18 '19 at 07:27

wentjun · Answer 1 · 2019-03-18T07:32:45.860

1

If you want a one-liner solution, one of the ways to sort it would be to make use of localeCompare() on your comparison function.

this.data.sort((a, b) => a['name'].localeCompare(b['name']));

Also, please tag your question with the appropriate tags. This is a general JavaScript question, hence you should tag it with 'JavaScript' instead.

edited Mar 18 '19 at 07:32

answered Mar 18 '19 at 07:26

wentjun

40,384
10
95
107

score 0 · Answer 2 · answered Mar 18 '19 at 07:52

0

you can use .sort() for sorting array like javascript style in angular

this.data.sort(function (a, b) {
  return a.name - b.name;
});

answered Mar 18 '19 at 07:52

Faisal

584
3
11
33

Sort based on Characters(String) Angular 7

2 Answers2