210805 개발기록: 점 표기법과 괄호 표기법 (dot notation, bracket notaion)

〽️비동기 데이터 객체 프로퍼티 접근

비동기로 배열 데이터를 가져오면서 내부 프로퍼티에 접근할 때 에러가 발생했다.

아직 도착하지 않은 배열 데이터의 프로퍼티에 접근했기 때문에, 사용하고자 하는 프로퍼티가 해당 배열에 존재하지 않다는 에러였다.

 

대충 이런 코드였다.

const countStat = result.map(it => {
    return {
    	it.stat : 1
	}
 })

result 배열은 api 호출의 결과를 뜻하는데, api가 호출되기전엔 undefined 가 된다. undefined 인 객체에 점 표기법으로 stat 을 찾으려 하니 당연히 에러가 발생할 수 밖에 없었다.

 

이 과정에서 dot notation과 bracket notation 이란 개념을 알게 됐고, 자바스크립트에서 객체에 접근하는 2가지 방법의 차이점을 명확히 알 수 있었다. (해당 내용을 정리한 포스트)