Сортиране на масив в JavaScript: Всичко за сортирането на масиви в JavaScript

Сортирането ви позволява да подреждате данни в необходимата форма. Значи става по-лесно достъпът и обработката на тези данни. В тази статия за „Сортиране на масив в JavaScript“ ще проучим различни начини за сортиране на данни в JavaScript. Ще се съсредоточим върху следните указатели,

• Метод на сортиране в JavaScript
• Сортиране на числови стойности
• Сортиране на масив във възходящ ред
• Сортиране на масив в низходящ ред
• Сортиране на масив от обекти

Така че нека да започнем с първата тема на тази Array Sort In JavaScript Article

Сортиране на масив в статия на JavaScript

Метод на сортиране в JavaScript

Методът sort () сортира съответно елементите, присъстващи в масива, и връща сортирания масив като изход на потребителя. Вграденият метод преобразува всеки елемент, присъстващ в масива, в a низ и ги сравнява по реда на кодовата точка в Unicode. Макар че започнете с инсталация първо.

Кодът по-долу следва най-основния сортиране на масив:

var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + ' 
')

Изход:

Блус, джаз, метъл, поп, рок

Сега нека продължим с „Array Sort In JavaScript“ и да видим как можем да сортираме числови стойности,

Сортиране на числови стойности

Сортирането на числа като низове води до неверни и неправилни резултати.

var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sorted = music.sort () document.write (music + ' 
')

Изход:

10 100,34,45,69,87

Резултатът изглежда абсолютно неточен. Това се случва, защото числовият масив се преобразува в низ чрез метода sort (). Проблемът може да бъде отстранен с помощта на сравнете функция.

Синтаксисът на функцията е както следва:

array.sort ([compareFunction])

Функцията за сравнение сортира елементите, присъстващи в масива, въз основа на различни атрибути и в различен ред. Функцията sort () сравнява две стойности и изпраща стойностите към функцията за сравнение.Функцията за сравнение следва тестовите случаи, дадени по-долу:

• Ако резултатът от сравнението на двете стойности (a & b) е отрицателен , а се сортира преди b.
• Ако резултатът изглежда положителен , b се сортира преди a.
• Ако резултатът е 0 , тогава няма промяна се появява в реда на сортиране на стойностите a & b.

В този бит на Array Sort в JavaScript ще сортираме данните във възходящ ред,

Сортиране на масив във възходящ ред

Следващият пример демонстрира процедурата за сортиране на масива във възходящ ред.

var num = [45, 34, 69, 87, 100, 10] num.sort () // Сортира масив от числа document.write (num)

Изход:

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 () // игнорираме главни и малки букви ако (xy) {return 1} // имената трябва да са равни return 0}) // Прелиствайте всички елементи в масива за (var i in people) {// Прелиствайте всички свойства в обекта за (var prop in people [i]) {документ .write (prop + ':' + хора [i] [prop] + ' 
')} document.write ('
')}

Изход:

име: Алек

име: Ари

име: Джереми

име: Джонатан

дълбоко копие срещу плитко копие Java

име: Стивън

Методите, обяснени в статията, щателно демонстрират факта, че функцията за сортиране, свързана с функцията за сравнение, играе решаваща роля в скриптовия език.

С това стигаме до края на този блог на тема „Сортиране на масив в JavaScript“. Надявам се, че сте намерили това информативно и полезно, следете за още уроци по подобни теми. Можете също така да разгледате нашата програма за обучениеo можете да получите задълбочени познания за jQuery заедно с различните му приложения за онлайн обучение на живо с 24/7 поддръжка и доживотен достъп.

Имате въпрос към нас? Споменете ги в раздела за коментари на този блог и ние ще се свържем с вас.