Przejscie do dalszej czesci kodu dopiero po zakonczeniu petli

Witam. Mam dla przykładu taki kod:

let zm = ' ';
for (let i = 0; i < 5; i++) {
      zm = zm + ' zmienna ' + i + ', ';
}
console.log(zm);

Mój problem polega na tym, że próbuję wyświetlić tą zmienną w console log po złączeniu. Ale dzieje się tak, ze zanim petla się wykona, to console.log już się wyświetla. Jak mógłbym zrobić by wykonała się pętla i dopiero później console.log? Myślałem nad promise i foreach ale nie udało mi się napisać nic sensownego. Z góry dziękuje za pomoc

Coś masz nie tak ustawione w innym miejscu bo ten kod jest liniowy i działa poprawnie

https://jsfiddle.net/ptu1o7he/

Hmmm? Wrzuciłem ten przykład na jsfiddle i mi normalnie wypisuje po zakończeniu pętli: http://jsfiddle.net/23eb4gzL/4/

konsola:

Korzystam z Angulara 4, w takim razie muszę głębiej poszukać. Może dlatego ze mam dużo kodu, a jak można to napisać z użyciem promise i foreach?

Dlaczego chciałbyś to napisać korzystając z promise'ów?

Wydaje mi się, że mamy do czynienia z problemem X/Y, gdzie dodatkowo Ty coś niby o promise'ach usłyszałeś, coś niby rozumiesz, ale nie do końca ;-)