Skrócenie kodu tłumaczącego nazwę aktualnej pogody w js

Question

Mam tu działający kod js, który tłumaczy angielską nazwę pogody na Polską (nie zwracajcie uwagi na tłumaczenie). Problem polega na tym, że jest za długi. Czy macie pomysł jak go skrócić. Z góry obstawiam, że pętlą tylko nwm jak . Z góry dziękuję za wszystkie odpowiedzi.

A oto kod:

function check(data){
        var desc = data.list[0].weather[0].description;
     switch (desc){
        case 'clear sky':   
            desc = 'czyste niebo';
            $('#desc').html(desc);
            break;
        case 'light rain':
             desc = 'lekki deszcz';
             $('#desc').html(desc);
             break;
        case 'few clouds':
            desc = 'parę chmurek';
            $('#desc').html(desc);
            break;
        case 'scattered clouds':
            desc = 'rozproszone chmury';
            $('#desc').html(desc);
            break;
        case 'broken clouds':
            desc = 'rozbite chmury';
            $('#desc').html(desc);
            break;
        case 'shower rain':
            desc = 'Prysznic deszcz';
            $('#desc').html(desc);
            break;
        case 'rain':
            desc = 'deszcz';
            $('#desc').html(desc);
            break;
        case 'thunderstorm':
            desc = 'burza z piorunami';
            $('#desc').html(desc);
            break;
        case 'snow':
            desc = 'śnieg';
            $('#desc').html(desc);
            break;
        case 'mist':
            desc = 'zamglenie';
            $('#desc').html(desc);
            break;
     }
        
            var desc1 = data.list[1].weather[0].description;
     switch (desc1){
        case 'clear sky':   
            desc1 = 'czyste niebo';
            $('#desc1').html(desc1);
            break;
        case 'light rain':
             desc = 'lekki deszcz';
             $('#desc1').html(desc);
             break;
        case 'few clouds':
            desc1 = 'parę chmurek';
            $('#desc1').html(desc1);
            break;
        case 'scattered clouds':
            desc1 = 'rozproszone chmury';
            $('#desc1').html(desc1);
            break;
        case 'broken clouds':
            desc1 = 'rozbite chmury';
            $('#desc1').html(desc1);
            break;
        case 'shower rain':
            desc1 = 'Prysznic deszcz';
            $('#desc1').html(desc1);
            break;
        case 'rain':
            desc1 = 'deszcz';
            $('#desc1').html(desc1);
            break;
        case 'thunderstorm':
            desc1 = 'burza z piorunami';
            $('#desc1').html(desc1);
            break;
        case 'snow':
            desc1 = 'śnieg';
            $('#desc1').html(desc1);
            break;
        case 'mist':
            desc1 = 'zamglenie';
            $('#desc1').html(desc1);
            break;
     }
        
            var desc2 = data.list[2].weather[0].description;
     switch (desc2){
        case 'clear sky':   
            desc2 = 'czyste niebo';
            $('#desc2').html(desc2);
            break;
        case 'light rain':
             desc = 'lekki deszcz';
             $('#desc2').html(desc);
             break;
        case 'few clouds':
            desc2 = 'parę chmurek';
            $('#desc2').html(desc2);
            break;
        case 'scattered clouds':
            desc2 = 'rozproszone chmury';
            $('#desc2').html(desc2);
            break;
        case 'broken clouds':
            desc2 = 'rozbite chmury';
            $('#desc2').html(desc2);
            break;
        case 'shower rain':
            desc2 = 'Prysznic deszcz';
            $('#desc2').html(desc2);
            break;
        case 'rain':
            desc2 = 'deszcz';
            $('#desc2').html(desc2);
            break;
        case 'thunderstorm':
            desc2 = 'burza z piorunami';
            $('#desc2').html(desc2);
            break;
        case 'snow':
            desc2 = 'śnieg';
            $('#desc2').html(desc2);
            break;
        case 'mist':
            desc2 = 'zamglenie';
            $('#desc2').html(desc2);
            break;
     }
        
        var desc3 = data.list[3].weather[0].description;
     switch (desc3){
        case 'clear sky':   
            desc3 = 'czyste niebo';
            $('#desc3').html(desc3);
            break;
        case 'light rain':
             desc = 'lekki deszcz';
             $('#desc3').html(desc);
             break;
        case 'few clouds':
            desc3 = 'parę chmurek';
            $('#desc3').html(desc3);
            break;
        case 'scattered clouds':
            desc3 = 'rozproszone chmury';
            $('#desc3').html(desc3);
            break;
        case 'broken clouds':
            desc3 = 'rozbite chmury';
            $('#desc3').html(desc3);
            break;
        case 'shower rain':
            desc3 = 'Prysznic deszcz';
            $('#desc3').html(desc3);
            break;
        case 'rain':
            desc3 = 'deszcz';
            $('#desc3').html(desc3);
            break;
        case 'thunderstorm':
            desc3 = 'burza z piorunami';
            $('#desc3').html(desc3);
            break;
        case 'snow':
            desc3 = 'śnieg';
            $('#desc3').html(desc3);
            break;
        case 'mist':
            desc3 = 'zamglenie';
            $('#desc3').html(desc3);
            break;
     }
    }     

Answer 1

Możesz stworzyć obiekt, w którym klucze będą nazwami angielskimi, a wartości ich tłumaczeniami:

const translation = {
  'light rain': 'lekki deszcz',
  'snow': 'śnieg'
}

Dzięki temu, możesz dynamicznie odczytać wersję polską, podając odpowiedni klucz:

translation['light rain'] // lekki deszcz

W Twoim przypadku, zamiast stringa, użyj zmiennej w której przechowujesz opis pogody po angielsku.

Nie zapomnij obsłużyć przypadków, w którym tłumaczenie nie znajdzie się w "słowniku" (na przykład za miesiąc ktoś doda nowy opis po stronie API).

Comments

dzięki wielki już wiem jak się za to zabrać