今更な質問なのですが JavaScript は document.eventListner や Math.random など ------.------ みたいなドットでつないで書く形式が多いような気がしているのですが、その書き方についての質問です。

以前習った Math.random はそもそも決まった文字列で、今回使っている menuItems.forEach などはドットの前に自分で作った変数 menuItems を使っていますが、ここの文法がいまいちしっかりと理解できません。

このドットで結ぶ関係は何なのでしょうか？
ドットで結ぶルールを教えてください。