在 JavaScript 中使用点符号字符串安全地设置对象属性
javascriptfront end technologyobject oriented programming
您可以使用 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); } } };
您可以通过传递数组来访问 props。
示例
var obj = { level1:{ level2:{ level3:{ name: "Foo" } }, anotherLevel2: "bar" } }; setUpdateProp(obj, ["level1", "level2"], "FooBar"); console.log(obj);
输出
这将给出输出 −
{ level1: { level2: 'FooBar', anotherLevel2: 'bar' } }