javascript ドット演算子とブラケット演算子の違い

javascript ドット演算子とブラケット演算子の違い

javascriptで、オブジェクトのプロパティにアクセスすることができるドット記法とブラケット記法の違いを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

ドット記法使い方

ドット記法を使用して、オブジェクトのプロパティの値を取得する場合は、以下となります。

ブラケット記法使い方

ブラケット記法を使用して、オブジェクトのプロパティの値を取得する場合は、以下となります。

となり、ドット記法とブラケット記法に違いはありません。

ドット記法とブラケット記法の違い

ブラケット記法は、ドット記法とは違いプロパティ名に変数を利用することが可能です。

ドット記法は、変数を使用すると「undefined」になってしまいます。

また、ブラケット記法は数値や予約語などの不正な名前も、プロパティとして使用することができます。

ドット記法の場合は、SyntaxErrorとなってしまいます。

基本的には、ドット記法が多く利用されているが、変数を利用したい場合はブラケット記法を使用することもできます。