如何使用字符串属性名称为深度嵌套的 JavaScript 对象赋值？

使用字符串名称在 JavaScript 中进行动态属性分配

在 JavaScript 中，可能会出现这样的情况：您可能需要仅使用对象的字符串表示形式来设置对象的深度嵌套属性。例如：

var obj = {};
var propName = "foo.bar.foobar";

要将属性 obj.foo.bar.foobar 设置为“hello world”，您可以使用以下函数：

function assign(obj, prop, value) {
    if (typeof prop === "string")
        prop = prop.split(".");

    if (prop.length > 1) {
        var e = prop.shift();
        assign(obj[e] =
                 Object.prototype.toString.call(obj[e]) === "[object Object]"
                 ? obj[e]
                 : {},
               prop,
               value);
    } else
        obj[prop[0]] = value;
}

此函数迭代嵌套的属性结构，沿途创建任何丢失的对象。它在最后将最终值分配给所需的属性。

用法：

assign(obj, propName, "hello world");

执行此赋值后，obj.foo.bar.foobar 将被设置为“hello world” .

以上是如何使用字符串属性名称为深度嵌套的 JavaScript 对象赋值？的详细内容。更多信息请关注PHP中文网其他相关文章！