Сортировка позволяет упорядочить данные в нужной форме. Это означает, что доступ к этим данным и их обработка становится проще. В этой статье «Сортировка массивов в JavaScript» мы будем изучать различные способы сортировки данных в JavaScript. Мы сосредоточимся на следующих указателях,
- Метод сортировки в JavaScript
- Сортировка числовых значений
- Сортировка массива по возрастанию
- Сортировка массива в порядке убывания
- Сортировка массива объектов
Итак, давайте начнем с первой темы этой статьи о сортировке массивов в JavaScript.
Сортировка массивов в статье JavaScript
Метод сортировки в JavaScript
Метод sort () соответственно сортирует элементы, присутствующие в массиве, и возвращает отсортированный массив в качестве вывода пользователю. Встроенный метод преобразует каждый элемент, присутствующий в массиве, в строка , и сравнивает их в порядке кодовых точек Unicode. установка первый.
Код ниже соответствует самой простой сортировке массива:
var music = ['Поп', 'Рок', 'Джаз', 'Блюз', 'Метал'] var sorted = music.sort () document.write (music + '
')
Вывод:
Сортировка массива с ++
Блюз, Джаз, Металл, Поп, Рок
Теперь давайте продолжим «Сортировку массива в JavaScript» и посмотрим, как можно сортировать числовые значения,
Сортировка числовых значений
Сортировка чисел как строк дает ложные и неверные результаты.
var music = ['Поп', 'Рок', 'Джаз', 'Блюз', 'Метал'] var sorted = music.sort () document.write (music + '
')
Вывод:
10,100,34,45,69,87
Результат кажется абсолютно неточным. Это происходит потому, что числовой массив преобразуется в строку методом sort (). Проблема может быть устранена с помощью сравнить функция.
Синтаксис функции следующий:
array.sort ([compareFunction])
Функция сравнения сортирует элементы, присутствующие в массиве, на основе разных атрибутов и в другом порядке. Функция sort () сравнивает два значения и отправляет их в функцию сравнения.Функция сравнения следует тестовым случаям, приведенным ниже:
- Если результат сравнения двух значений (a и b) равен отрицательный , a сортируется до b.
- Если результат кажется положительный , b сортируется перед a.
- Если результат 0 , тогда без изменений отображается в порядке сортировки значений a и b.
В этом фрагменте сортировки массива в JavaScript мы будем сортировать данные в порядке возрастания,
Сортировка массива по возрастанию
В следующем примере демонстрируется процедура сортировки массива в порядке возрастания.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Сортировка массива чисел document.write (num)
Вывод:
pmi-acp того стоит
3,18,25,28,29,69
Двигаясь дальше, давайте посмотрим, как сортировать массивы в порядке убывания.
Сортировка массива в порядке убывания
Массив можно отсортировать в порядке убывания следующим образом:
var num = [3, 25, 18, 28, 69, 29] // Сортировка массива с использованием функции сравнения num.sort (function (a, b) {return a - b}) document.write (num)
Вывод:
69,29,28,25,18,3
Мы даже можем сортировать массивы объектов, давайте посмотрим, как это сделать,
Сортировка массива объектов
Функция сравнения может использоваться для эффективной сортировки массивов объектов.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Сортировать по именам людей .sort (function (a, b) {var x = a.name.toLowerCase () // игнорировать верхний и нижний регистр var y = b.name.toLowerCase () // игнорировать верхний и нижний регистр if (xy) {return 1} // имена должны быть равны return 0}) // Перебрать все элементы в массиве for (var i in people) {// Перебрать все свойства в объекте for (var prop in people [i]) {document .write (prop + ':' + people [i] [prop] + '
')} document.write ('
')}
Вывод:
имя: Алек
преобразование типа c ++
имя: Ари
имя: Джереми
имя: Джонатан
имя: Стивен
Методы, описанные в статье, тщательно демонстрируют тот факт, что функция сортировки, связанная с функцией сравнения, играет решающую роль в языке сценариев.
На этом мы подошли к концу этого блога 'Сортировка массивов в JavaScript'. Я надеюсь, что вы нашли это информативным и полезным, следите за обновлениями, чтобы получить больше уроков по аналогичным темам. Вы также можете ознакомиться с нашей программой обучения to получить глубокие знания о jQuery и его различных приложениях, вы можете для онлайн-обучения с круглосуточной поддержкой и пожизненным доступом.
Есть вопрос к нам? Упомяните их в разделе комментариев этого блога, и мы свяжемся с вами.