자바스크립트 Array push 함수 성능 저하 문제

[NAKTA-Y]

문제점

• 기존의 카카오맵 api를 통한 좌표 저장 후 불러올 때 Promise로 동기화 작업을 했음에도 불구하고 배열을 정상적으로 불러오질 못하는 이슈 발생
• 알고보니 push 메서드를 여러 번 반복적으로 호출하는 코드를 발견
• push 메서드는 동적인 메모리 할당과 복사 작업이 필요하기 때문에 매우 느림

---

해결

• 객체(object)로 바꿔서 키와 값 형태로 저장하도록 코드 수정

---

결과

• 배열이 업데이트 될 때 까지 대기 시간을 따로 둘 필요 없이 즉각적으로 업데이트 되었음