オブジェクトプロパティのドット表記とブラケット表記 – 違いは何ですか?

ドット表記

ドット表記がよりシンプルになり、読みやすくなりました。次の場合に使用されます:

1. プロパティ名は有効な識別子です (文字、数字、$、または _ のみを含み、数字で始まらない)。
2. プロパティ名は事前にわかります。

例:

const person = { name: 'alice', age: 30 };
console.log(person.name); // 'alice'

括弧表記

括弧表記はより柔軟であり、次のことが可能です。

1. 変数に保存されたプロパティ名を使用します。
2. 有効な識別子ではない特殊文字、スペース、または数字を含むプロパティにアクセスします。
3. 実行時にプロパティ名を動的に構築します。

例:
1.変数を使用してプロパティにアクセスする:

const person = { name: 'alice', age: 30 };
const prop = 'name';
console.log(person[prop]); // 'alice'

2.特殊文字またはスペースを含むプロパティ:

const person = { 'first name': 'alice', age: 30 };
console.log(person['first name']); // 'alice'

3.動的に生成されたプロパティ名:

const property = 'name';
console.log(person[property]); // 'alice'

括弧表記を使用する場合

• プロパティ名が動的であるか、変数に格納されている場合。
• プロパティ名にスペース、特殊文字が含まれている場合、または数字で始まる場合。

その他のほとんどの場合、読みやすく簡潔であるため、ドット表記が推奨されます。

以上がオブジェクトプロパティのドット表記とブラケット表記 – 違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。