점 표기법과 []표기법에 대해

디데이 강의를 보고 있는데요.

저는 아래와 같이 점표기법으로 짜봤는데 안되더라구여?

    for(let i = 0; i < timeKeys.length; i++){
        console.log(documentObj.docKeys[i]);
    }

그래서 찾아보니 []표기법을 쓰라고해서

    for(let i = 0; i < timeKeys.length; i++){
        console.log(documentObj[docKeys[i]]);
    }

이렇게 써서 작동이 됐긴 하는데 왜 여기서

점 표기법은 안되고 []표기법만 되는 이유를 알고 싶습니다.