Навигация по объектам JS - когда использовать object.sub и object [«sub»]?

Глядя на это с точки зрения семантики, есть два способа навигации по объектам в JS: вы можете использовать оператор точки или работать с ними, как с вложенным массивом.

Когда уместно использовать один оператор вместо другого? Почему бы мне все время просто не использовать метод с квадратными скобками (он кажется более мощным)? Они оба кажутся легкими для чтения, но оператор точки выглядит так, как будто он ограничен тем, что ему не могут быть предоставлены имена переменных вложенных объектов или работать с массивами.