Sort Array of object by object field in Angular 6

Question

I am getting an array of  product s from a resolver getting data from a json endpoint   ngOnInit       this products   this  route snapshot data products    console log  products     this products       where one of the objects in this array is in the format          id   3645       date    2018-07-05T13 13 37        date gmt    2018-07-05T13 13 37        guid              rendered                  modified    2018-07-05T13 13 37        modified gmt    2018-07-05T13 13 37        slug    vpwin        status    publish        type    matrix        link            title              rendered    VPWIN              content              rendered                protected   false             featured media   0       parent   0       template            better featured image   null       acf              domain    SMB            ds rating    3            dt rating                          What I want to do is sort this array by the field title rendered  In olden times  in AngularJS  I would simply use an orderBy pipe in the template set to this field   Apparently  this is removed in Angular and from doing research it seems the preferred method is to sort the data itself  such as in ngOnInit   But I can t figure out how to sort products by producs title rendered

User · Accepted Answer

You can simply use Arrays sort    array sort  a b    gt  a title rendered localeCompare b title rendered      Working Example    x000D   x000D  var array      id  3645  date   2018-07-05T13 13 37   date gmt   2018-07-05T13 13 37   guid    rendered       modified   2018-07-05T13 13 37   modified gmt   2018-07-05T13 13 37   slug   vpwin   status   publish   type   matrix   link      title    rendered   VPWIN    content    rendered      protected  false   featured media  0  parent  0  template      better featured image  null  acf    domain   SMB   ds rating   3   dt rating          id  3645  date   2018-07-05T13 13 37   date gmt   2018-07-05T13 13 37   guid    rendered       modified   2018-07-05T13 13 37   modified gmt   2018-07-05T13 13 37   slug   vpwin   status   publish   type   matrix   link      title    rendered   adfPWIN    content    rendered      protected  false   featured media  0  parent  0  template      better featured image  null  acf    domain   SMB   ds rating   3   dt rating         id  3645  date   2018-07-05T13 13 37   date gmt   2018-07-05T13 13 37   guid    rendered       modified   2018-07-05T13 13 37   modified gmt   2018-07-05T13 13 37   slug   vpwin   status   publish   type   matrix   link      title    rendered   bbfPWIN    content    rendered      protected  false   featured media  0  parent  0  template      better featured image  null  acf    domain   SMB   ds rating   3   dt rating         x000D  array sort  a b    gt  a title rendered localeCompare b title rendered    x000D    x000D   console log array   x000D   x000D   x000D

User · Answer

Try this  products sort function  a  b      return a title rendered - b title rendered        OR   You can import lodash underscore library  it has many build functions available for manipulating  filtering  sorting the array and all   Using underscore   below one is just an example   import   as   from  underscore   let sortedArray     sortBy array   title

User · Answer

Not tested but should work   products sort  a b   gt a title rendered  gt  b title rendered

[javascript] Sort Array of object by object field in Angular 6

Examples related to javascript

Examples related to arrays

Examples related to angular

Examples related to typescript

Examples related to sorting