Как отсортировать массив объектов по свойствам в JavaScript

Kak Otsortirovat Massiv Ob Ektov Po Svojstvam V Javascript



Сортировка — это концепция расположения предметов определенным образом. В JavaScript сортировка массива имеет большое значение для упорядочения элементов как по возрастанию, так и по убыванию. Например, метод array.sort() используется для сортировки массива на основе свойств объекта.

В статье показано, как сортировать массив по свойству объекта в JavaScript. Содержание этого руководства следующее.







  • Как отсортировать массив по свойству объекта в JavaScript
  • Пример 1. Сортировка массива по алфавиту с использованием свойства Name в JavaScript
  • Пример 2. Сортировка массива по числовому порядку с использованием свойства Age в JavaScript

Как отсортировать массив по свойству объекта в JavaScript?

массив.сортировать() метод облегчает сортировку элементов массива с помощью функции обратного вызова. Функция обратного вызова выполняет итерацию по всем элементам на основе свойств объекта в массиве. Цель этого метода — вычислить все элементы, выполнив определенные пользователем условия. По умолчанию массив.сортировать() метод возвращает возрастающую последовательность элементов в существующем массиве.



Синтаксис



массив.сортировка ( )


Примечание : метод используется для сортировки числовых и алфавитных элементов.





Пример 1. Сортировка массива по алфавиту с использованием свойства Name в JavaScript

Пример используется для выполнения сортировки значений массива через свойство в JavaScript.

Код



console.log ( 'Пример сортировки массива в JavaScript' ) ;
постоянные учителя = [
{ имя: 'Джон' , возраст: 30 } ,
{ имя: 'Питер' , возраст: 27 } ,
{ имя: 'Боб' , возраст: 38 }
] ;

учителя.сортировать ( ( х и у ) знак равно > x.name.localeСравнить ( т.имя ) ) ;
console.log ( учителя ) ;


Объяснение кода приведено ниже:

  • Массив ' учителя », в котором имя а также возраст свойства сохраняются.
  • Метод ' localeСравнить » адаптирован для сравнения имя
  • Сортировать() метод используется для вызова « локальСравнить() ” для сравнения первого алфавита имя
  • Этот метод выполняет итерацию по всем элементам в текущем массиве.
  • Наконец, console.log() используется для отображения значений свойства name в алфавитном порядке.


Выход


Вывод возвращает отсортированный массив в алфавитном порядке, например Боб, Джон, а также Питер .

Пример 2. Сортировка массива по числовому порядку с использованием свойства Age в JavaScript

Далее следует другой пример для выполнения сортировки массива через свойства объекта в JavaScript.

Код

console.log ( 'Пример сортировки массива в JavaScript' ) ;
где objAr = [
{ имя: 'Джон' , возраст: 30 } ,
{ имя: 'Питер' , возраст: 27 } ,
{ имя: 'Боб' , возраст: 38 }
] ;
выход =objAr.sort ( cmpAge ) ;
функция cmpAge ( а, б )
{
возвращаться а.возраст - б.возраст;
}
console.log ( выход ) ;


В этом коде:

  • Массив обжар создается, в котором имя а также возраст свойства сохраняются.
  • После этого вызывается метод cmpAge используется для сравнения возраст
  • Кроме того, Сортировать() метод используется для вызова cmpAge() метод для сравнения возраст
  • Метод оценивает все значения возраст свойство в массиве.
  • В конце концов, console.log() метод используется для отображения свойства возраста в порядке возрастания.


Выход


Вывод показывает отсортированный массив с помощью возраст свойство в JavaScript.

Вывод

В JavaScript встроенный метод массив.сортировать() используется для сортировки массива путем доступа к его свойствам. Метод использует функцию обратного вызова для выполнения итераций по всем элементам в существующем массиве. Продемонстрированы два примера сортировки массива по алфавитный так же как числовой заказ. Поэтому вы должны понимать, как сортировать массив по свойствам объектов. Более того, все известные браузеры поддерживают массив.сортировать() метод JavaScript .