Sorting string with number with AngularJS in controller

Question

i have data like :-

$scope.crewList = [{id: 1, weekName: "crew1", dayName: "sunday"},
{id: 4, weekName: "crew11", dayName: "monday"},
{id: 3, weekName: "crew12", dayName: "tuesday"},
{id: 2, weekName: "crew10", dayName: "tuesday"},
{id: 5, weekName: "crew4", dayName: "tuesday"},
{id: 8, weekName: "crew3", dayName: "tuesday"},
{id: 12, weekName: "crew2", dayName: "tuesday"}]

and need to sort by weekName, I am looking for solution in controller not in html

expected :-

$scope.crewList = [{id: 1, weekName: "crew1", dayName: "sunday"},
    {id: 12, weekName: "crew2", dayName: "tuesday"}
    {id: 4, weekName: "crew3", dayName: "monday"},
    {id: 3, weekName: "crew4", dayName: "tuesday"},
    {id: 2, weekName: "crew10", dayName: "tuesday"},
    {id: 5, weekName: "crew11", dayName: "tuesday"},
    {id: 8, weekName: "crew12", dayName: "tuesday"}]

Thanks in advance

Pranav C Balan · Accepted Answer · 2019-12-21 08:26:22Z

2

Extract the number from the string and return the difference to sort them.

$scope.crewList.sort(({weekName : a},{weekName : b}) => (a.match(/\d+$/) || [0])[0] - (b.match(/\d+$/) || [0])[0])

const list = [{id: 1, weekName: "crew1", dayName: "sunday"},
    {id: 12, weekName: "crew2", dayName: "tuesday"},
    {id: 4, weekName: "crew3", dayName: "monday"},
    {id: 3, weekName: "crew4", dayName: "tuesday"},
    {id: 2, weekName: "crew10", dayName: "tuesday"},
    {id: 5, weekName: "crew11", dayName: "tuesday"},
    {id: 8, weekName: "crew12", dayName: "tuesday"}];
    
    list.sort(({weekName : a},{weekName : b}) => a.match(/\d+$/)[0] - b.match(/\d+$/)[0]);
    
    console.log(list)

edited Dec 21, 2019 at 8:26

answered Dec 21, 2019 at 8:20

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

Collectives™ on Stack Overflow

Sorting string with number with AngularJS in controller

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related