codestates / codestates/Memory-It
[Error Handling] 반복문 Promise { <pending> } 에러
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 2
- PR merge metrics
- No merged PRs in 30d
Description
### 어떤 에러인가요?
+ map으로 데이터를 배열형태로 처리할때 나오는 Promise { } 에러
### 에러 메시지
```
Promise { }
```
### 에러 핸들링 방법
+ map으로 데이터를 배열형태로 처리할때 나오는 Promise { } 에러
+ Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타내므로
+ 비동기적으로 처리가 제대로 안된 것 같아서 async 와 await을 사용해서 비동기적으로 처리해주려고 했었다.
+ 그렇게 처리해 줘도 Promise 배열만 리턴해줬다 . 공식문서를 확인한 결과 async/ await 는 Promise 객체 를 실행하고 기다려주지만, Promise 배열는 그렇게 할 수 없다는 걸 확인했다. 따라서, 내가 쓴 코드는 arr.map 을 통해 Promise 배열 을 리턴하게 구현했으니까 async/await를 사용한 객체반복문 비동기적 처리 대신 Promise.all 이라는 매소드를 사용해서 배열 반복문을 비동적 처리를 해줌으로써 해결했다
```jsx
const test01 = await Promise.all(
arr.map(ele => {
})
)
```
### 에러 핸들링을 위해 참고한 레퍼런스 링크
[레퍼런스 링크](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Promise#)
[레퍼런스 링크](https://velog.io/@minsangk/2019-09-06-0209-%EC%9E%91%EC%84%B1%EB%90%A8-eik06xy8mm)
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.