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