ドット表記と括弧表記を使用して JavaScript オブジェクトにキーと値のペアを追加するにはどうすればよいですか?

JavaScript オブジェクトへのキー/値ペアの追加

JavaScript オブジェクトへの新しいプロパティの追加は、その機能を操作および拡張するために不可欠です。この記事では、これを実現するための 2 つの方法、つまりドット表記法と角括弧表記法の使用について説明します。

ドット表記法の使用

必要なプロパティ名が分かっている場合、この方法は簡単です。追加します。構文は次のとおりです。

obj.propertyName = value;

たとえば、値 value3 を持つプロパティ key3 をオブジェクト obj に追加するには、次のように記述します。

obj.key3 = "value3";

Using Square Bracket表記法

プロパティ名が事前に分からない場合、または動的に決定される場合は、正方形括弧表記が必要になります。構文は次のとおりです。

obj["propertyName"] = value;

このメソッドは、文字列キーに基づいてプロパティを取得または設定する場合に便利です。たとえば、次のコードは関数を使用して、動的な propertyName に基づいてプロパティ値を取得します。

var getProperty = function (propertyName) {
    return obj[propertyName];
};

console.log(getProperty("key1")); // value1
console.log(getProperty("key2")); // value2
console.log(getProperty("key3")); // value3

補足

JavaScript 配列は次のことができることに注意することが重要です。配列リテラル表記または配列コンストラクター表記を使用して作成することもできます。前者は構文が簡潔であるため推奨されますが、後者は配列をオブジェクトとして操作する場合に柔軟性が高くなります。

以上がドット表記と括弧表記を使用して JavaScript オブジェクトにキーと値のペアを追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。