JavaScript でネストされたオブジェクトにプロパティを動的に割り当てるにはどうすればよいですか?

ネストされたオブジェクトの動的プロパティ割り当て

JavaScript の領域では、オブジェクトはさまざまなレベルの深さとプロパティを持つ複雑な構造になることがあります。多くの場合、深くネストされたオブジェクト内のプロパティを動的に割り当てたり上書きしたりする必要があるシナリオに遭遇します。これは、特にプロパティのパスと値が任意の場合に、困難になる可能性があります。

課題:

任意の数のレベルとプロパティを持つオブジェクトが与えられた場合、以下に示すように、プロパティ パスの文字列表現を使用してプロパティを動的に設定 (または上書き) できる関数を探します。

<code class="javascript">var obj = {
  db: {
    mongodb: {
      host: 'localhost',
    },
  },
};

// Set a new property
set('db.mongodb.user', 'root');</code>

解決策:

この課題に対処するために、ネストされたオブジェクト内のプロパティを動的に変更する set という名前の関数を導入します。以下は実装です:

<code class="javascript">function set(path, value) {
  var schema = obj; // Moving reference to internal objects within 'obj'
  var pList = path.split('.'); // Split the property path into an array of elements
  var len = pList.length;
  for (var i = 0; i < len - 1; i++) {
    var elem = pList[i];
    if (!schema[elem]) schema[elem] = {}; // If the element doesn't exist, create an empty object
    schema = schema[elem]; // Advance the schema reference to the next level
  }

  schema[pList[len - 1]] = value; // Update or create the property at the leaf level
}</code>

使用法:

プロパティを設定するには、例に示すように、プロパティのパスと対応する値を set 関数に渡すだけです。以下:

<code class="javascript">set('db.mongodb.user', 'root');</code>

出力:

プロパティを動的に設定した後の結果のオブジェクト:

<code class="javascript">{
  db: {
    mongodb: {
      host: 'localhost',
      user: 'root',
    },
  },
}</code>

この関数を通じて、ネストされたプロパティを動的に変更できる柔軟性により、効率的で多用途のオブジェクト操作が可能になります。

以上がJavaScript でネストされたオブジェクトにプロパティを動的に割り当てるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。