сортировка элементов объекта по заданному полю

@phoenix_css · Регистрация: 09.09.2017

Студворк — интернет-сервис помощи студентам

У меня есть массив объектов:

JavaScript
1
2
3
let objArray = [{name: "Tablet",id: 4, amount: 6, quantity: 26},
        {name: "Laptop",id: 3, amount: 1, quantity: 6},
        {name: "Smartphone",id: 1, amount: 2, quantity: 3}];

Его надо отсортировать по заданному полю (конкретно по клику в таблице на заголовок).
Вроде бы всё просто:

JavaScript
1
2
3
function compare (obj1, obj2){
  return obj1.name > obj2.name;
}

или так, если поле - числовое:

JavaScript
1
2
3
function compare (obj1, obj2){
  return obj1.amount - obj2.amount;
}

И наконец

JavaScript
1
objArray.sort(compare);

Однако возникает вопрос:
Передать методу compare в качестве третьего параметра конкретное поле, по которому надо сортировать (вроде тоже просто:

JavaScript
1
2
3
4
5
6
7
function compare (obj1, obj2, field){
  let type = typeof(obj1[field]);
  if(type == 'number')
     return obj1[field] - obj2[field];
  else
     return obj1[field] > obj2[field];
}

), вроде так надо, но тогда как потом вызывать этот метод compare при вызове метода sort?

@SnapeEye · 22.10.2017, 21:51

А не будет вариантом сделать метод sort, который будет принимать массив и параметр сортировки и возвращает новый массив?

JavaScript
1
2
3
4
5
6
7
8
9
objArray = sort(objArray,'quantity');
 
function sort(arr, field) {
    let type = typeof(arr[0][field]);
    for (element of arr) {
        // выполнить действия для каждого элемента (сортировка по Вашему усмотрению)
    }
    return arr;
}

@renat_dmitriev · 22.10.2017, 23:46

Есть очень простой способ сортировки многомерных массивов табличного типа через функцию multisort

PHP
1
2
3
4
5
6
7
8
9
function sortByColumn($columnName, &$arr)
{
    foreach ($arr as $key => $row) {
        $column[$key]  = $row[$columnName];
    }
    
    array_multisort($column, SORT_ASC, $arr);   
   
}

Передаете в функцию имя колонки и массив и все, массив отсортирован.

@j2FunOnly · 23.10.2017, 08:53

Сообщение от renat_dmitriev

Есть очень простой способ сортировки многомерных массивов табличного типа через функцию multisort

аналог есть в JavaScript? или к чему тут это?

Добавлено через 5 минут
phoenix_css, можно прибегнуть к т. н. function currying

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function compare (field) {
  return function (a, b) {
    let type = typeof(a[field]);
    if(type === 'number')
       return a[field] - b[field];
    else
       return a[field] > b[field];
  }
}
 
objArray.sort(compare('id'));

@renat_dmitriev · 23.10.2017, 09:21

j2FunOnly, Упс, ступил.

@phoenix_css · 23.10.2017, 12:01 **[ТС]**

j2FunOnly, спасибо. Всё сработало...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .

@renat_dmitriev 392 / 294 / 121 Регистрация: 26.08.2016 Сообщений: 902
	23.10.2017, 09:21
	j2FunOnly, Упс, ступил. 0

@phoenix_css 1 / 1 / 0 Регистрация: 09.09.2017 Сообщений: 59
	23.10.2017, 12:01 [ТС]
	j2FunOnly, спасибо. Всё сработало... 0