如何在 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中文網其他相關文章！