如何在 JavaScript 中動態設定嵌套物件的屬性？

巢狀物件的動態屬性設定

在複雜的巢狀物件上動態設定屬性可能是一個挑戰。要解決此問題，請考慮使用以下函數：

<code class="javascript">function set(path, value) {
    var schema = obj;  // Reference to internal objects within obj
    var pList = path.split('.');
    var len = pList.length;
    for (var i = 0; i < len - 1; i++) {
        var elem = pList[i];
        if (!schema[elem]) schema[elem] = {};
        schema = schema[elem];
    }

    schema[pList[len - 1]] = value;
}</code>

使用此函數，您可以使用點分隔路徑設定或覆寫深度巢狀物件的屬性：

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

當函數沿著路徑遇到不存在的對象，它會在該層級建立一個空對象。這確保了屬性可以設定在正確的級別，而無需合併或覆寫現有值。

例如，給定物件：

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

將db.mongodb.user 設為「root」 ' 將導致：

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

透過動態設定屬性，即使物件結構未知或發生變化，您也可以輕鬆操作複雜的嵌套物件。該技術提供了一種強大而靈活的方法來存取和修改複雜資料結構中的資料。

以上是如何在 JavaScript 中動態設定嵌套物件的屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！