Как отсортировать массив объектов в javascript
JavaScript Сортировка массива
Сортировка массива
Метод sort() сортирует массив по алфавиту:
Пример
Реверс массива
Метод reverse() реверсирует элементы в массиве.
Реверсировать означает перенаправить, т.е. изменить направление в обратном порядке.
Вы можете использовать этот метод для сортировки массива алфавита в порядке убывания:
Пример
Сортировка чисел
По умолчанию метод sort() сортирует значения как строки.
Это хорошо работает для строк («Яблоко» стоит перед «Банан»).
Однако, если числа отсортированы как строки, «25» больше, чем «100», потому что «2» больше, чем «1».
Из-за этого метода sort() при сортировке чисел дает неверный результат.
Вы можете исправить это, предоставив функцию return:
Пример
Используйте тот же прием для сортировки массива по убыванию:
Пример
Функция возврата
Функция return должна возвращать отрицательное, нулевое или положительное значение в зависимости от аргументов:
Когда метод sort() сравнивает два значения, она отправляет значения в функцию возврата и сортирует значения в соответствии с возвращенным (отрицательным, нулевым, положительным) значением.
Если результат равен 0, то порядок сортировки двух значений не изменяется.
Пример:
При возврате 40 и 100 метод sort() вызывает функцию возврата (40, 100).
Вы можете использовать этот фрагмент кода, чтобы поэкспериментировать с числовой и алфавитной сортировкой:
Сортировать по алфавиту
Сортировка по цифрам
Форум
Discord чат
Синтаксис
Аргументы
Описание, примеры
Данный метод изменяет исходный массив. Получившийся массив также возвращается в качестве результата.
См. также
Самый простой способ отсортировать числовой массив,это задать функциональный литерал:
var a=[15,7,100,50];
a.sort(function(a,b)
alert(a.join()); // Выведет 7,15,50,100
По моему это самый лучший способ сортировки, так как array.sort работает не корректно, вместо 0,6,18,24,25, он сортирует 0,18,24,25,6, не могли бы Вы объяснить как работает этот функциональный литерал?
функция сорт представляет что сортирует строковые элементы(у элемента «25» первый символ 2, он меньше чем 6, поэтому функция и ставит 25 на первое место)
все намного проще чем кажется.
Сортировка идет по алфавиту. Для цифровых значений принцип алфавитной сортировки.
Подскажите, пожалуйста, рациональный способ сортировки массива по длине его элементов. Пробовал стандартные функции, но результаты получаются неправильные.
var arr = [222,1,6666,33,»word»,111111];
Кто-нибудь знает каким методом происходит сортировка? В спецификации вроде не сказанно.
Замечание будущим создателям нотаций (языков и т. д.).
Хотелось бы обратить внимание на следующее. К сожалению, метод sort в JS не допускает возможности передачи параметров функции для сравнения элементов. Т. е., при вызове функции, соответствующей аргументу sortFunction, метод sort не будет передавать ей никаких параметров. Это плохо и, по моему мнению, является недоработкой создателей JS.
Лучше было бы, если бы данный метод был бы спроектирован / реализован, например, как:
arrayObj.sort( [sortFunction, [theComparison_parameters] ] )
Т. е., добавить в сигнатуру метода один параметр: theComparison_parameters. Одного параметра достаточно, т. к., в него можно поместить всё, что угодно. Метод же sort при вызове функции sortFunction передаёт ей этот аргумент theComparison_parameters, т. е.:
Пишу этот комментарий т. к. вижу этот недостаток уже не в первом языке программирования / ПО для повторного использования (библиотеке и т. п.). Т. е., у их создателей, видимо, убогое (упрощённое) представление о потребностях тех программистов, кто их повторноиспользуемое ПО будет использовать. Поэтому, граждане, кто собирается создавать нотации, языки, библиотеки и т. п. (возможно, кто-то из них данным сайтом пользуется), учитывайте вышесказанное. Тем более, это не так трудно.
Хотя описанная выше проблема не смертельна. Её можно разрешить в JS, например, следующим способом: вместо метода sort вызывать, например, такую функцию (Array__Sort):
function Array__Sort (
anArray,
aComparison_subroutine,
theParameters)
<
function As__JS__Array__Items__Comparison_subroutine(anItem, anotherItem)
<
var Result
Result=aComparison_subroutine(
anItem,
anotherItem,
theParameters);
Result=(anArray instanceof Array);
return Result
> // function Array__Sort
В качестве аргумента вышеописанной функции Array__Sort должна передаваться функция такого вида:
function Comparison_subroutine (
anArray_element_to_be_compared,
anotherArray_element_to_be_compared,
theParameters)
<
.
> // Comparison_subroutine
__________
Новичок в JS.
Владимиру:
в JS существуют замыкания, они и могут служить вашими параметрами без проблем.
Например:
__________
Новичок в JS.
мой короче 
Ну а как грамотно рассортировать, если есть «1. text1», «2.text2», «12.text3». у меня теряется и сортирует «1. text1», «12.text3», «2.text2». помогите нубу
по поводу замечаний сортировки, заметно, что Вы новичок в JS, Мне лично этот язык очень не нравился раньше, потом узнал получше, сейчас прям по душе)
Вообщем, меньше слов, больше дела, вот пример.
после запуска этого кода можно будет делать так:
кстати, запускал в Гугл хроме, сначала не обратил внимание на объект this, в выводе консоли он сразу отсортирован, видимо это связанно с запоздалым рендерингом объектов и массивов в консоле.
Повторюсь ещё раз: считаю это недостатком исходного проектирования программного интерфейса данного объекта, в частности, недостатком проектирования сигнатуры метода sort.
2. Не утверждаю, что невозможно имеющуюся ситуацию исправить (в частн., расширением интерфейса объекта введением доп. метода «sortEx»). Это можно, а также можно, вероятно, сделать и др. способами. Но (повторюсь ещё раз):
2.1. Считаю неправильным (концептуально неправильным) перекладывать эту задачу (кот. явл., по существу, применением «заплаток») на прикладных программистов.
списку) в др. нотациях (языках, библиотечных расширениях языков и т. п.). По моему мн., создатели ПО, предназначенного для повторного использования (и его интерфейсов), по хорошему, должны помнить, что создаваемое ими будет использоваться в *10. 00 прикл. задач и прочитывать последствия.
1. Сорри за оффтоп, но вам не кажется, что у вас слишком много «своего» мнения? Создатели языков не такие уж и глупые люди.
2. Продираясь через ваш кошмарный код, приведенный в одном из ваших комментариев, и переформатировав его так, чтобы стало понятнее, я пришел к выводу, что предложенное вами решение ничуть не отличается от решения с замыканием, предложенное пользователем boomyjee (смотрите свой код и ваши замечания), просто оно засунуто в еще одну функцию и от этого ДЕЙСТВИТЕЛЬНО может потеряться гибкость.
А можете обосновать свое мнение, почему это не является подходящим?
Конечно, могу. По кр. мере, могу изложить аргументы. (Иначе бы не говорил так).
См. выше: Для остальных вопросов и обсуждений есть форум.
точнее, см. ниже (а не выше)
Владимир, вы пишете бред, в основном потому, что не понимаете сути замыканий и функционального программирования. Не надо сводить язык к ООП, оно не всегда к добру. Предложенный вами дизайн плох, избыточен и далеко не так универсален как вы думаете.
Поэтому прежде чем предлагать свой дизайн, найдите специалиста (или человека разбирающегося в функциональном программировании хотя бы на 4 из 5) и попросите его — он вам объяснит почему ваша идея плоха.
P.S. Прошу прощения у всех модераторов ресурса, но войну я здесь развел из за желания вывести хотя бы часть истины, чтобы человек, который впервые знакомится с языком, и читающий эти комментарии, не впадал в подобные ошибки, подобные ошибкам Владимира.
И да, кстати, ваше упорное адресование ваших сомнений создателям новых нотаций (и там дальше бла бла бла какое то) вас абсолютно не красит. Здесь вы общаетесь с программистами на js и пользователями js, среди них вряд ли кто то является создателем нового языка. Да и вряд ли они будут прислушиваться к вашему мнению. 
и сортировочная функция:
да. значения из массива перебираются определенным (зависящим от реализации, насколько я знаю) способом и передаются функции для сравнения, а результат используется для сортировки.
Для сортировки в каком-либо ином порядке, отличном от алфавитного, методу
sort() можно передать функцию сравнения в качестве аргумента. Эта функция
устанавливает, какой из двух ее аргументов a или b должен следовать раньше в
отсортированном списке. Если первый a аргумент должен предшествовать второму b, функция сравнения должна возвращать отрицательное число. Если первый аргумент должен следовать за вторым в отсортированном массиве, то функция должна возвращать число больше нуля. А если два значения эквивалентны (т. е. порядок их следования не важен), функция сравнения должна возвращать 0.
что же касается замыканий и пр. — а как вы думаете, почему в C++ сейчас активно используются функторы (объекты с оператором вызова) вместо функций? по сути это ведь те же замыкания. особенно в C++11, где для них есть специальный синтаксис. и, конечно, они могут иметь доступ к локальным переменным.
и в JS замыкания хороши именно тем, что они имеют доступ к локальным, а не только к глобальным, переменным. а раз переменные локальны, то коллизия имен крайне маловероятна (если длина функции не 1000+ строк, конечно)
Сортировка массива объектов JavaScript по свойству
Я прочитал следующие объекты с помощью Ajax и сохранил их в массиве:
Как создать функцию для сортировки объектов с помощью свойства price в порядке возрастания или, используя только JavaScript?
ОТВЕТЫ
Ответ 1
Сортировка домов по цене в порядке возрастания:
Или после версии ES6:
Некоторые документы можно найти здесь.
Ответ 2
Здесь более гибкая версия, которая позволяет создавать повторно используемые функции сортировки и сортировки по любому полю.
Ответ 3
Для сортировки вам нужно создать функцию-компаратор, используя два аргумента. Затем вызовите функцию сортировки с помощью этой функции компаратора следующим образом:
Если вы хотите сортировать восходящий переключатель, выражения на каждой стороне знака минус.
Ответ 4
для сортировки строк, если это кому-то нужно,
Ответ 5
Если у вас есть браузер, совместимый с ES6, вы можете использовать:
Разница между возрастающим и убывающим порядком сортировки является знаком значения, возвращаемого вашей функцией сравнения:
Вот рабочий фрагмент кода:
Ответ 6
Ваш компаратор принимает один из каждого из вложенных хэшей внутри массива и решает, какой из них выше, проверяя поле «цена».
Ответ 7
Но сейчас мы попытаемся использовать этот подход Gist: sortBy-old.js.
Позвольте создать метод сортировки массивов, способных упорядочить объекты по некоторому свойству.
Создание функции сортировки
Установка несортированных данных
Используй это
Упорядочить массив по «date» виде String
Если вы хотите игнорировать чувствительность к регистру, установите обратный вызов parser :
Если вы хотите преобразовать поле «date» качестве типа Date :
Здесь вы можете играть с кодом: jsbin.com/lesebi
Благодаря @Ozesh по его отзывам, проблема, связанная со свойствами с фальшивыми значениями, была исправлена.
Ответ 8
Используйте lodash.sortBy, (с помощью commonjs вы также можете просто поместить script include-tag для cdn в верхней части вашего html)
Ответ 9
Это может быть достигнуто с помощью простой функции сортировки valueof(). Выполните фрагмент кода ниже, чтобы увидеть демонстрацию.
Ответ 10
Я немного опаздываю на вечеринку, но ниже моя логика для сортировки.
Ответ 11
Вы можете использовать метод JavaScript sort с функцией обратного вызова:
Ответ 12
Хотя я знаю, что OP хотел сортировать массив чисел, этот вопрос был помечен как ответ на аналогичные вопросы относительно строк. В связи с этим в вышеприведенных ответах не рассматривается сортировка массива текста, где важна обсадка. Большинство ответов принимают строковые значения и преобразуют их в верхний регистр/строчный регистр, а затем сортируют так или иначе. Требования, которые я придерживаюсь, просты:
Это работает одинаково для сортировки массива объектов:
Ответ 13
Вот кульминация всех ответов выше.
Ответ 14
Я также работал с каким-то рейтингом и несколькими полями сортировки:
Ответ 15
Если вы используете Underscore.js, попробуйте sortBy:
Ответ 16
С помощью ответа ECMAScript 6 StoBor можно сделать еще более кратким:
Ответ 17
Это приятный плагин JQuery:
Ответ 18
Для сортировки массива вы должны определить функцию компаратора. Эта функция всегда будет отличаться по вашему желаемому шаблону сортировки или порядку (то есть по возрастанию или по убыванию).
Позвольте создать некоторые функции, которые сортируют массив по возрастанию или убыванию, и который содержит объект или строку или числовые значения.
Сортировка номеров (в алфавитном порядке и по возрастанию):
Сортировка номеров (в алфавитном порядке и по убыванию):
Номера сортировки (числовые и восходящие):
Сортировка чисел (числовые и нисходящие):
Как и выше, используйте метод sorterPriceAsc и sorterPriceDes с вашим массивом с нужным ключом.
Ответ 19
Сортировка по вложенным свойствам с помощью точечного синтаксиса или синтаксиса массива:
Сортировка по нескольким клавишам:
Ответ 20
Вот немного измененная версия элегантной реализации из книги «JavaScript: хорошие детали».
ПРИМЕЧАНИЕ. Эта версия by стабильная. Он сохраняет порядок первого сорта, выполняя следующий цепной сортировку.
Вы можете сортировать как по возрастанию, так и по убыванию и сортировать цепочку по нескольким свойствам.
Ответ 21
Для обычного массива значений элементов:
Для массива объектов:
Ответ 22
Создайте функцию и выполните сортировку на основе ввода, используя приведенный ниже код
Ответ 23
Ответ 24
Вам понадобятся две функции
Затем вы можете применить это к любому объекту:
‘ ); // ASC data.sort((a, b) => asc(a.value, b.value)); document.body.insertAdjacentHTML( ‘beforeend’, ‘ASCending sorted‘ );
Ответ 25
В порядке возрастания цены:
Ответ 26
Недавно я написал универсальную функцию для управления этим для вас, если вы хотите его использовать.
Ответ 27
Ответ 28
Привет, прочитав эту статью, я сделал sortComparator для своих нужд, с функциональностью для сравнения нескольких атрибутов json, и я хочу поделиться им с вами.
Это решение сравнивает только строки в порядке возрастания, но решение может быть легко расширено для каждого атрибута, который поддерживает: обратный порядок, другие типы данных, чтобы использовать язык, литье и т.д.
JavaScript метод sort()
Определение и применение
JavaScript метод sort() позволяет отсортировать массив путём преобразования его элементов в строки и сравнения этих строк в порядке следования кодовых символов Unicode (сортирует массив по алфавиту).
Поддержка браузерами
| Метод | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| sort() | Да | Да | Да | Да | 9.0 | Да |
JavaScript синтаксис:
Версия JavaScript
Значения параметров
Любая функция сравнения имеет следующую логику работы:
Пример использования
В следующем примере с использованием JavaScript метода sort() мы рассмотрим как отсортировать массив по алфавиту от a до z, так и от z до a:
В следующем примере мы рассмотрим как происходит сортировка массива, который содержит пустые элементы («дыры»):
В следующем примере мы рассмотрим как произвести сортировку массива, содержащего числовые значения в порядке возростания, или убывания значений:
Обратите внимание, что числа внутри массива перед сортировкой преобразуются в строковые значения, например, » 123 » будет следовать перед » 4 » в соответствии с порядком установленным в Unicode. Для того, чтобы отсортировать числовые значения в порядке возрастания, или убывания нам необходимо использовать функцию, которая задаст критерий сортировки. Рассмотрим следущий пример:
Обратите внимание, что в этом примере мы использовали стрелочные функции, они позволяют сделать код более читабельным и компактным.
В следующем примере мы рассмотри как отсортировать массив объектов по определенному свойству как по алфавиту, так и по числовому значению:
Упорядоченные наборы данных
Array объект
Язык JavaScript не содержит явного типа данных «массив». Тем не менее, возможно использовать предопределённый объект Array и его методы для работы с массивами в создаваемых приложениях. Объект Array содержит методы для работы с массивами самыми различными способами, например, есть методы для объединения, переворачивания и сортировки. Объект содержит свойство для определения длины массива, а также свойства для работы с регулярными выражениями.
Создание массива
Следующие выражения создают одинаковые массивы:
Синтаксис с использованием квадратных скобок называется «литерал массива» (array literal) или «инициализатор массива». Такая запись короче, чем другие способы создания массива, и, как правило, более предпочтительна. См. Array literals.
Для создания массива без элементов, но ненулевой длины, возможно использовать одно из следующих выражений:
Массивы могут быть присвоены свойству нового или уже существующего объекта, как показано ниже:
Если вы хотите инициализировать массив одним элементом и этим элементом является число типа Number, то вы должны использовать квадратные скобки. Если вы создаёте массив с помощью Array (конструктора или функции), а единственным элементом этого массива будет число типа Number, то число это интерпретируется как длина массива (arrayLength), а не как элемент типа Number.
Вызов Array(N) выбросит RangeError, если N не целое значение, чья дробная часть не ноль. Следующий пример иллюстрирует это.
Если ваш код нуждается в создании массива с одним элементом произвольного типа данных, то безопасней использовать литеральную запись. Или создайте пустой массив, а затем добавьте необходимый элемент.
Заполнение массива
Вы можете заполнить массив путём присвоения значений его элементам. Для примера:
Замечание: Если вы используете нецелое значение в операторе [] обращения к элементу массива, то будет создано соответствующее свойство в объекте, представляющем массив, вместо элемента массива (так как массивы в JavaScript являются объектами).
Вы можете заполнить массив во время создания:
Работа с элементами массива
Вы можете ссылаться на элементы массива путём использования их порядковых номеров. Для примера, предположим, что вы определили следующий массив:
Затем вы сослались на первый элемент массива как myArray[0] и второй элемент массива как myArray[1]. Индексация элементов массива начинается с нуля.
Замечание: оператор обращения к элементу массива (квадратные скобки []) также используется для доступа к свойствам массива (массивы также являются объектами в JavaScript). Например:
Понимание length
На уровне реализации, массивы в JavaScript хранят свои элементы как стандартные свойства объекта, используя индекс в качестве имени свойства. Специальное свойство length всегда возвращает индекс последнего элемента плюс один (в примере ниже, элемент ‘Dusty’ размещается под индексом 30, по этому cats.length возвращает 30 + 1). Особо следует запомнить, что в JavaScript массивы индексируются с нуля: отсчёт ведётся с 0, а не с 1. Из этого и следует, что свойство length всегда на единицу больше, чем наибольший индекс хранящийся в массиве:
Перебор содержимого массивов
Если вам заранее известно, что ни один элемент массива не будет расценён как false при приведении к boolean — например, каждый элемент массива является DOM узлом, тогда вы можете блеснуть чуть более эффективным оборотом:
Подход в примере выше, позволяет избежать проверки длинны массива при каждой итерации, и лишь убеждается, что переменной div присвоен существующий текущий элемент массива при каждом прохождении цикла.
Метод forEach() предоставляет другой способ перебора элементов:
Как вариант, вы можете сократить код программы, используя стрелочные функции из ES6:
Так как в JavaScript элементы массива хранятся как обычные свойства объекта, использование for. in циклов для перебора элементов массива нежелательно, потому что будут обработаны не только элементы массива, но и все перечисляемые свойства массива.
Методы Array
Объект Array имеет следующие методы:
concat() объединяет два массива и возвращает новый массив.
join(deliminator = ‘,’) объединяет элементы массива в текстовую строку.
push() добавляет один или несколько элементов в конец массива и возвращает результирующую длину.
pop() удаляет из массива последний элемент и возвращает его.
shift() удаляет из массива первый элемент и возвращает его.
unshift() добавляет один или несколько элементов в начало массива и возвращает его новую длину.
slice(start_index, upto_index) возвращает секцию массива как новый массив.
sort() сортирует элементы массива.
Пример. Следующий код сортирует массив по последнему символу в строке:
indexOf(searchElement[, fromIndex]) ищет в массиве элемент со значением searchElement и возвращает индекс первого совпадения.
Методы reduce и reduceRight являются наименее очевидными методами объекта Array. Они должны использоваться в алгоритмах, которые рекурсивно совмещают два элемента массива, для сведения всей последовательности к одному значению.
Многомерные массивы
Массивы могут быть вложенными, то есть массив может содержать массивы в элементах. Используя эту возможность массивов JavaScript, можно построить многомерные массивы.
Следующий код создаёт двумерный массив:
В этом примере создаётся массив со следующим содержимым:
Массивы и регулярные выражения
Работа с массивоподобными объектами
Методы из прототипа Array, могут быть вызваны для массивоподобных объектов. Например:
Также методы из прототипа Array могут быть применены и к строкам, потому как строки предоставляют доступ к своим символам сходным образом:
Типизированные массивы
JavaScript typed arrays (типизированные массивы) являются массивоподобными объектами, которые предоставляют механизм доступа к сырым бинарным данным. Как вы уже знаете, Array массивы динамически растут, сокращаются и могут содержать значения любых типов JavaScript. Движки JavaScript производят оптимизации, благодаря чему, эти операции происходят быстро. Однако, веб приложения становятся все более мощными, добавляются возможности манипуляции со звуковыми и видеоданными, доступ к сырым данным WebSockets, и тому подобное. Становится очевидным, что возможность быстрой и эффективной работы с двоичными данными в JavaScript будет очень полезной. Для чего типизированные массивы и предназначены.
Буферы и представления: архитектура типизированных массивов
Для достижения максимальной гибкости и производительности, реализация типизированных массивов в JavaScript разделена на буферы и представления. Буфер ( ArrayBuffer ) это объект, представляющий из себя блок данных; он не имеет формата и не предоставляет возможности доступа к своему содержимому. Для доступа к памяти буфера вам нужно использовать представление. Представление являет собой контекст, имеющий тип данных, начальную позицию в буфере, и количество элементов — это позволяет представить данные в виде актуального типизированного массива.
