Zadanie z sortowaniem listy RGB, proszę pomocy! Javascript

Question

Colors have to be ordered in such way:
            - Higher Red value first; if the same then:
            - Higher Green value first; if the same then:
            - Higher Blue value first; if the same then on the same position

 

Zadanie wygląda następująco. Nie wiem absolutnie jak to zrobić ani jakby to miało wyglądać. Najlepiej jeżeli funkcja przyjmowałaby tablicę z kolorami w HEX. Np:

[

    "#FF1100",

    "#44FF00",

    "#1900FF",

    "#E02500",

    "#54E600",

    "#0206DE",

  ]

 

No i zwracała posortowaną tablicę tak jak w zadaniu, proszę czy ktoś umie to zrobić? Czy ktoś mi wytłumaczy jak to zrobić? Siedzę nad tym już 3 dni i nie mogę do niczego dojść, pozdrawiam.

Answer 1

Potraktuj dane z tablicy jako stringi. Do sortowania użyj metody sort, dla której napiszesz własną funkcję sortującą. Funkcja ta porównuje pary znaków odpowiadające poszczególnym kolorom: dla R - znaki o indeksach 1 i 2, dla G - 3 i 4, B - 5 i 6 (# to znak o indeksie 0). Do pobrania pary znaków użyj np. metody substring, slice, substr.

Comments

Albo jeszcze prościej (tablica ma nazwę kolory):

kolory.sort();
kolory.reverse();

Pierwsza instrukcja posortuje ci tablicę rosnąco, a druga odwróci ją. W rezultacie uzyskasz to co chcesz,

Answer 2

Przyszło mi do głowy kilka sposobów.

1. Porównujemy kolory zapisane w HEX'ie (wg. mnie trudniejszy)

2. konwertujemy HEX na RGB i porównujemy kolory jak zwykłe liczby, a następnie znowu konwertujemy na HEX

    + jakimś algorytmem sortujemy.

Kilka linków co do konwersji

https://convertingcolors.com/blog/article/convert_hex_to_rgb_with_javascript.html

https://stackoverflow.com/questions/12943774/hex-to-rgb-converter

https://www.w3docs.com/snippets/javascript/how-to-convert-rgb-to-hex-and-vice-versa.html