const valXs = [];

console.time('forEach');

[1,2,3,4,5,6,7,8,9,10].forEach(async (val,idx)=>{

const valX = await fn1(val);

valXs.push(valX);

})

console.timeEnd('forEach');

console.log('valXs-1:',valXs.join(','));

setTimeout(()=>{ console.log('valXs-2:',valXs.join(',')); },1000)

=>

결과는

forEach 는 콜백의 리턴을 안기다린다.

그냥 실행하고 끝

그래서 primise의 동작을 await 써도 동기적으로 보장할 수 없다.

================

for of 로 변경하면

=>

동작이 보장 된다.

=================-==========

PS

Q. forEach에서 setTimeout(()=>{ console.log('valXs-2:',valXs.join(',')); },1000) 에선 왜 결과 값이 나오나? 5초 기다리니깐 1초 후에 출력하는 결과는 비어있어야하지 않나?

A. forEach 는 응답을 기다리지 않는다. 즉 0.5초 걸릴 걸 한번에 10개 동작 시킨 것과 같다. 즉, 약 0.5초안에 배열에 값이 들어간다. 그래서 1초 후에 배열을 가져와보면 내용이 들어있다.

500 말고 1500 으로 바꾸면 빈 결과를 보게 될 것이다.