forEach vs Promise.all - boostcampwm-2021/WEB25-JustUs GitHub Wiki

둘다 비동기적으로 작동한다.

forEach(논블로킹)

• 배열 요소를 돌면서 callback을 실행할 뿐, 한 callback이 끝날 때까지 기다리지 않는다.
• 순차처리하고 싶다면 for, for...of로 변경(블로킹)

Promise.all

• 배열을 돌면서 병렬적으로 실행한다.

• 즉, 모든 promise들이 resolve될 때까지 기다리고 모두 resolve되면 새로운 배열에 담는다.

• ex) A → 1초, B → 1.1초, C → 1.2초 걸리는 작업이 배열에 있고 promise.all로 돌린다면

  1.2초만에 완료되고 A,B,C 순서대로 처리된다.

최종적으로 forEach는 순서를 보장하지 않고 Promise.all은 순서를 보장한다.

근데 차이점이 이것뿐??

• ㄴㄴ
• promise.all은 그 밑에 있는 코드들도 promise.all이 끝날 때까지 기다린다.
• 하지만 forEach는 콜백을 호출해버리면 할일이 끝나기 때문에 호출한 콜백이 처리가 완료되지 않아도 forEach는 할일이 끝난 것
  • 그래서 forEach 처리가 끝나기 전에 그 밑에 있는 코드들이 실행되버린다.

따라서 비동기 작업을 실행 후(순차든, 병렬이든) 그 결과가지고 뒤에 할일이 있다면 Promise.all을 사용할 것

그리고 어지간하면 성능상 병렬처리하자!!