使用JavaScript中的点符号字符串安全设置对象属性

您可以使用lodash的set方法安全地在任何级别上设置属性。设置第一级属性非常简单。嵌套属性访问非常棘手，您应该使用经过测试的库（例如lodash）。

您可以通过以下方式设置深度嵌套的对象-

示例

let _ = require("lodash"); let obj = { a: { b: { foo: "test" }, c: 2 } }; _.set(obj, "a.b.foo", "test1"); _.set(obj, "a.c", { test2: "bar" }); console.log(obj);

输出结果

这将给出输出-

{ a: { b: { foo: test1 }, c: { test2: bar } } }

您还可以通过以下方式编写自己的setUpdateProp函数-

const setUpdateProp = (object, path, value) => { if (path.length === 1) object[path[0]] = value; else if (path.length === 0) throw error; else { if (object[path[0]]) return setUpdateProp(object[path[0]], path.slice(1), value); else { object[path[0]] = {}; return setUpdateProp(object[path[0]], path.slice(1), value); } } };

您可以通过传递数组来访问道具来使用它。

示例

var obj = { level1:{ level2:{ level3:{ name: "Foo" } }, anotherLevel2: "bar" } }; setUpdateProp(obj, ["level1", "level2"], "FooBar"); console.log(obj);

输出结果

这将给出输出-

{ level1: { level2: FooBar, anotherLevel2: bar } }