Javascript pętla iteracyjna

Question

Cześć 

Możecie pomóc mi w optymalizacji kodu? Dopiero się uczę i zrobiłem na piechotę krótki kod który działa.

 

$.getJSON(url, function(result){         
		var img_0 = (result.result.products[0].imageUrl);
        var img_1 = (result.result.products[1].imageUrl);
        var img_2 = (result.result.products[2].imageUrl);
        var img_3 = (result.result.products[3].imageUrl);
        var img_4 = (result.result.products[4].imageUrl);
        var img_5 = (result.result.products[5].imageUrl);
        var img_6 = (result.result.products[6].imageUrl);
        var img_7 = (result.result.products[7].imageUrl);
            
		document.getElementById('img_0').src = img_0;
        document.getElementById('img_1').src = img_1;
        document.getElementById('img_2').src = img_2;
        document.getElementById('img_3').src = img_3;
        document.getElementById('img_4').src = img_4;
        document.getElementById('img_5').src = img_5;
        document.getElementById('img_6').src = img_6;
        document.getElementById('img_7').src = img_7;

 

Jak widać jest tragiczny pod względem optymalizacji, pomożecie? Proszę o konkretny przykład ponieważ same wskazówki przeważnie są zbyt trudne dla mnie.

Answer 1

Zamiast tylu zmiennych, które zawierają to samo możesz zrobić tablicę. Jako numer indeksu podajesz zmienną, wkładasz to w pętlę i za każdym razem robisz inkrementacje. Dzięki temu automatycznie wypełnisz całą tablicę. identycznie możesz zrobić z pobieraniem elementów. Jeśli tłumaczę nie wystarczająco jasno to polecam odcinek Pana Mirosława https://www.youtube.com/watch?v=Rt1HnMdzINo. Tam jest dokładnie wytłumaczone jak działają tablicę.