Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Property accessors演算子の使い方

Property accessors演算子の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Property accessorsプロパティは、JavaScriptにおいてオブジェクトのプロパティにアクセスするための手段を定義するものです。これは、プログラム内でオブジェクトが持つデータや機能に、開発者がどのようにして値の読み取りや設定を行うかを定めます。JavaScriptには、主に二種類のプロパティアクセサーがあります。

一つ目は、ドット記法(.)です。これは、プロパティ名が事前にわかっており、JavaScriptの変数名の規則(英数字とアンダースコアで構成され、数字で始まらないなど)に従う場合に用いられます。例えば、myObject.name のように、オブジェクト名の後にドットとプロパティ名を続けることで、簡潔かつ直感的にプロパティにアクセスできます。この方法は、コードの可読性が高く、一般的に推奨されます。

二つ目は、ブラケット記法([])です。この方法は、プロパティ名が変数に格納されている場合や、ハイフン、スペースなどの特殊文字を含むプロパティ名、あるいは数字のみのプロパティ名にアクセスする場合に不可欠です。例えば、myObject['first-name']myObject[someVariable] のように、ブラケット内に文字列リテラルまたはプロパティ名を表す変数を指定して使用します。これにより、プロパティ名を動的に指定したり、より柔軟なプロパティ名に対応したりすることが可能になります。

これらのプロパティアクセサーは、オブジェクト指向プログラミングにおける基本的なデータ操作の根幹をなし、システムのデータ構造を正確に操作するためにシステムエンジニアを目指す方にとって必須の知識となります。オブジェクトのデータを効果的に利用するためには、適切なプロパティアクセサーを選択して使用することが重要です。

公式リファレンス: Property accessors

構文(syntax)

1const objectName = {
2  propertyName: "value",
3  anotherProperty: 123
4};
5
6const value1 = objectName.propertyName;       // ドット記法
7const value2 = objectName["anotherProperty"]; // ブラケット記法

引数(parameters)

引数なし

引数はありません

戻り値(return)

任意の型

プロパティアクセサは、オブジェクトのプロパティにアクセスしたり、値を代入したりするために使用されます。その戻り値は、アクセスされたプロパティの値、つまり任意の型となります。

関連コンテンツ

関連プログラミング言語