yuuka_maniaの日記： JavaScript オブジェクトプロパティ

なんとなく . と、 [] のアクセス方法を雰囲気で使ってたけど、改めて以下で学んばせてもらった。
そもそも
. によるアクセスは、ドット記法
[] によるアクセスは、ブラケット記法
というっぽい。

基本的には、ドット記法を使うのが良いらしいが、キーが、変数や数値または、 - （ダッシュ）を含むなどの場合は、ブラケット記法でのみアクセスできる。

そもそも、キーに、数値や、ダッシュを含むものを指定できると把握してなかったかも。まぁ、結局は、それらが文字列として扱われるというのが仕組みっぽいが。

ES2022 かららしいが、プロパティの存在の有無を確認するために、 hasOwn なるメソッドもあるらしいが、現状だと、 in 演算子で、　if ( "key" in obj) な感じで、 "key" キーの存在を確認する。

以下のページは、他にも色々書いてあり、全部読めていないが、かなり参考になる。

ref.
https://jsprimer.net/basic/object/