Sortowanie pozwala uporządkować dane w wymaganej formie. Oznacza to, że dostęp do tych danych i ich przetwarzanie staje się łatwiejsze. W tym artykule „Array Sort in JavaScript” będziemy badać różne sposoby sortowania danych w JavaScript. Skoncentrujemy się na następujących wskazówkach,
- Metoda sortowania w JavaScript
- Sortowanie wartości liczbowych
- Sortowanie tablicy w porządku rosnącym
- Sortowanie tablicy w porządku malejącym
- Sortowanie tablicy obiektów
Zacznijmy więc od pierwszego tematu tego artykułu o sortowaniu tablic w języku JavaScript
Sortowanie tablic w artykule JavaScript
Metoda sortowania w JavaScript
Metoda sort () odpowiednio sortuje elementy obecne w tablicy i zwraca posortowaną tablicę jako dane wyjściowe dla użytkownika. Metoda wbudowana konwertuje każdy element obecny w tablicy na plik strunowy i porównuje je w kolejności punktów kodowych Unicode instalacja pierwszy.
Poniższy kod jest zgodny z najbardziej podstawowym sortowaniem tablicowym:
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sort = music.sort () document.write (music + '
')
Wynik:
Blues, jazz, metal, pop, rock
Przejdźmy teraz do „Array Sort In JavaScript” i zobaczmy, jak możemy sortować wartości liczbowe,
Sortowanie wartości liczbowych
Sortowanie liczb jako łańcuchów daje fałszywe i niepoprawne wyniki.
var music = ['Pop', 'Rock', 'Jazz', 'Blues', 'Metal'] var sort = music.sort () document.write (music + '
')
Wynik:
10,100,34,45,69,87
Wynik wydaje się całkowicie niedokładny. Dzieje się tak, ponieważ tablica numeryczna jest konwertowana na łańcuch za pomocą metody sort (). Problem można wyeliminować za pomocą pliku porównać funkcjonować.
Składnia funkcji jest następująca:
ma związek w java
array.sort ([compareFunction])
Funkcja porównania sortuje elementy obecne w tablicy na podstawie różnych atrybutów i w innej kolejności. Funkcja sort () porównuje dwie wartości i wysyła wartości do funkcji porównującej.Funkcja porównania śledzi przypadki testowe podane poniżej:
- Jeśli wynik porównania dwóch wartości (a i b) to negatywny , a jest sortowane przed b.
- Jeśli wynik wydaje się być pozytywny , b jest sortowane przed a.
- Jeśli wynik to 0 , następnie bez zmiany pojawia się w kolejności sortowania wartości a & b.
W tym fragmencie Array Sort w JavaScript będziemy sortować dane w kolejności rosnącej,
Sortowanie tablicy w porządku rosnącym
Poniższy przykład ilustruje procedurę sortowania tablicy w kolejności rosnącej.
var num = [45, 34, 69, 87, 100, 10] num.sort () // Sortuje tablicę liczb document.write (num)
Wynik:
3,18,25,28,29,69
Idąc dalej, sprawdzimy, jak sortować tablice w porządku malejącym
Sortowanie tablicy w porządku malejącym
Tablicę można posortować malejąco w następujący sposób:
var num = [3, 25, 18, 28, 69, 29] // Sortowanie tablicy za pomocą funkcji porównania num.sort (function (a, b) {return a - b}) document.write (num)Wynik:
69,29,28,25,18,3
Możemy nawet sortować tablice obiektów, zobaczmy, jak to zrobić,
Sortowanie tablicy obiektów
Funkcja porównania może służyć do efektywnego sortowania tablic obiektów.
var people = [{name: 'Jeremy'}, {name: 'Ari'}, {name: 'Jonathan'}, {name: 'Alec'}, {name: 'Stephen'}] // Sortuj według nazw osób .sort (function (a, b) {var x = a.name.toLowerCase () // ignoruj duże i małe litery var y = b.name.toLowerCase () // ignoruj duże i małe litery if (xy) {return 1} // nazwy powinny być równe return 0}) // Zapętlaj przez wszystkie elementy tablicy for (var i in people) {// Zapętlaj przez wszystkie właściwości w obiekcie for (var prop in people [i]) {document .write (prop + ':' + people [i] [prop] + '
')} document.write ('
')}Wynik:
imię: Alec
imię: Ari
imię: Jeremy
imię: Jonathan
imię: Stephen
Metody wyjaśnione w artykule skrupulatnie pokazują, że funkcja sortowania powiązana z funkcją porównania odgrywa kluczową rolę w języku skryptowym.
W ten sposób dochodzimy do końca tego bloga o „Sortowaniu tablicy w JavaScript”. Mam nadzieję, że te informacje były dla Ciebie przydatne i wkrótce znajdziesz więcej samouczków na podobne tematy. Możesz również sprawdzić nasz program szkoleniowy to uzyskać dogłębną wiedzę na temat jQuery i jego różnych aplikacji, możesz do szkoleń online na żywo z całodobowym wsparciem i dożywotnim dostępem.
Masz do nas pytanie? Wspomnij o nich w sekcji komentarzy na tym blogu, a skontaktujemy się z Tobą.