Array - aplhabetic and numeric sorting

Question

In js I have an array like this:

const arrayToSort = [{
    priority: 1,
    group: "a",
    id: "promo1"
  },
  {
    priority: 3,
    group: "a",
    id: "promo1"
  },
  {
    priority: 2,
    group: "a",
    id: "promo1"
  },
  {
    priority: 1,
    group: "b",
    id: "promo2"
  },
  {
    priority: 2,
    group: "e",
    id: "promo3"
  },
  {
    priority: 2,
    group: "c",
    id: "promo4"
  },
  {
    priority: 1,
    group: "f",
    id: "promo5"
  },
  {
    priority: 3,
    group: "d",
    id: "promo6"
  },
  {
    priority: 1,
    group: "g",
    id: "promo7"
  }
]

I need to sort that array first alphabetically by group field and then numerically by priority.

arrayToSort.sort((v1, v2) => {
    return (v1.group) > (v2.group) ? 1 : -1
});

Sorting by group works, but I did not find a solution to add priority sorting

Answer 1

const data = [{"priority":1,"group":"a","id":"promo1"},{"priority":3,"group":"a","id":"promo1"},{"priority":2,"group":"a","id":"promo1"},{"priority":1,"group":"b","id":"promo2"},{"priority":2,"group":"e","id":"promo3"},{"priority":2,"group":"c","id":"promo4"},{"priority":1,"group":"f","id":"promo5"},{"priority":3,"group":"d","id":"promo6"},{"priority":1,"group":"g","id":"promo7"}]

const sortLexically =   p=>(a,b)=>a[p].localeCompare(b[p]);
const sortNumerically = p=>(a,b)=>a[p]-b[p];
const sortBy=sorts=>(a,b)=>sorts.reduce((r,s)=>r||s(a,b),0)

data.sort(sortBy([sortLexically('group'), sortNumerically('priority')]))

console.log(data)