在 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);
      }
   }
};

您可以通过传递数组来访问 props。

示例

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

输出

这将给出输出 −

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

相关文章

• JavaScript RegExp toString() 方法
• JavaScript RegExp test() 方法
• 如何在 JavaScript 中释放内存?
• 如何在 Javascript 中分配内存?
• javascript 中的 Screen 对象是什么?
• 解释 Javascript 中的事件流程
• javascript 中的负无穷大是什么?
• 解释 javascript 防抖动函数?
• 用 javascript 写出 split() 方法的用法?
• 如何在 JavaScript 中将字符串转换为驼峰式大小写?

有用资源

• javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.cainiaomax.com/javascript/