使用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' } }