巢狀物件的動態屬性分配
在 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中文網其他相關文章！
