Menu
Coddy logo textTech

Sortuj

Lekcja 14 z 18 w kursie Metody tablic w JavaScript w Coddy.

Metoda sort() to wbudowana funkcja tablic, która pomaga uporządkować elementy w określonej kolejności. Domyślnie sortuje elementy alfabetycznie w przypadku ciągów znaków lub numerycznie w przypadku liczb. Możesz jednak również dostosować sposób sortowania za pomocą funkcji zwrotnej, aby zdefiniować własne kryteria sortowania.

Sortowanie domyślne: Wyobraź sobie, że masz listę tytułów filmów (ciągów znaków) i chcesz posortować je alfabetycznie (sortowanie domyślne):

const movieTitles = ["The Shawshank Redemption", "The Godfather", "The Dark Knight", "Pulp Fiction"];

movieTitles.sort(); // Sortuje w miejscu

console.log(movieTitles); // Wynik: ["The Dark Knight", "The Godfather", "Pulp Fiction", "The Shawshank Redemption"]
  • W powyższym przykładzie wywołujemy sort() dla movieTitles.
  • Domyślnie sortuje ona elementy alfabetycznie na podstawie kodów znaków Unicode.
  • console.log() wyświetla tablicę movieTitles, która jest teraz posortowana alfabetycznie.

Sortowanie niestandardowe liczb: Załóżmy, że masz tablicę ocen produktów (liczb) i chcesz posortować je od najwyższej do najniższej:

const ratings = [4.5, 3.8, 5.0, 4.2];

ratings.sort((a, b) => b - a); // Niestandardowa funkcja porównująca do sortowania malejącego

console.log(ratings); // Wynik: [5.0, 4.5, 4.2, 3.8]
  • W powyższym przykładzie wywołujemy sort() dla ratings.
  • Przekazujemy niestandardową funkcję porównującą ((a, b) => b - a), która odejmuje drugi element (b) od pierwszego elementu (a).
  • Jeśli wynik jest dodatni (b jest większe niż a), elementy zostają zamienione miejscami (kolejność malejąca).
     
challenge icon

Wyzwanie

Łatwy

Jesteś na targu, masz listę cen (liczb) różnych produktów, które chcesz kupić, a ceny te znajdują się w tablicy marketPrices.

Twoim zadaniem jest napisanie kodu JavaScript, który posortuje ceny od najniższej do najwyższej i wyświetli zaktualizowaną tablicę w konsoli.

Spróbuj swoich sił

const marketPrices = [10, 5, 20, 12, 8];

// Napisz kod tutaj

Wszystkie lekcje w sekcji Metody tablic w JavaScript

Poćwicz samodzielnie: Kompilator JavaScript online