Сортировка массива по списку его полей

#javascript #angular #typescript

#javascript #angular #typescript

Вопрос:

Допустим, у меня есть массив объектов:

 Objects = [
{ "id": 1, "name": Joseph, function: "preacher"},
{ "id": 2, "name": Ann, function: "singer"},
{ "id": 3, "name": Miles, function: "preacher"},
{ "id": 4, "name": Jack, function: "singer"},
{ "id": 5, "name": Igor, function: "secretary"}
];
 

А также массив свойств:

 sort = ['function', 'name'];
 

Я должен отсортировать массив объектов, используя комбинацию свойств (сортировать массив).
Итак, я сделал это так:

 const intlCollator = new Intl.Collator('pt-BR', { usage: 'sort' });

  Objects.sort(
    (x, y) =>
      (intlCollator.compare(x[sort[0]], y[sort[0]])) ||
      (intlCollator.compare(x[sort[1]], y[sort[1]])) ||
      (intlCollator.compare(x[sort[2]], y[sort[2]]))
    );
 

Как бы мне сделать сортировку динамической?
Я имею в виду итерацию с использованием комбинаций сортировки переменных.
Например:

 sort = ['function', 'name'];
 

Или:

 sort = ['name'];
 

Ответ №1:

Вы можете перебирать ключи до тех пор, пока сравнение не вернет неверное значение.

 const
    objects = [{ id: 1, name: "Joseph", function: "preacher" }, { id: 2, name: "Ann", function: "singer" }, { id: 3, name: "Miles", function: "preacher" }, { id: 4, name: "Jack", function: "singer" }, { id: 5, name: "Igor", function: "secretary" }],
    intlCollator = new Intl.Collator('pt-BR', { usage: 'sort' }),
    sort = ['function', 'name'];


objects.sort((a, b) => {
    let r;
    sort.some(k => r = intlCollator.compare(a[k], b[k]));
    return r;
});
    
console.log(objects); 

Ответ №2:

Начиная с ES10 сортировка стабильна. Это означает, что вы можете сначала выполнить сортировку по первому ключу, затем отсортировать второй и так далее.

 const Objects = [
{ "id": 1, "name": "Joseph", function: "preacher"},
{ "id": 2, "name": "Ann", function: "singer"},
{ "id": 3, "name": "Miles", function: "preacher"},
{ "id": 4, "name": "Jack", function: "singer"},
{ "id": 5, "name": "Igor", function: "secretary"}
];

const sort = ['name', 'function'];

const intlCollator = new Intl.Collator('pt-BR', { usage: 'sort' });
sort.forEach(s => {
  Objects.sort((l, r) => intlCollator.compare(l[s], r[s]));
});

console.log(Objects);