简介
在开发前端项目时，我们经常需要使用到 JavaScript 对象。然而，当对象嵌套层次较深时，访问和操作对象的属性就变得十分繁琐，代码可读性和可维护性也会降低。npm 包 dotaccess 就是为了解决这个问题而生的。
dotaccess 是一个轻巧的 npm 包，借助于 JavaScript 特有的“点号”语法，可以方便地读取和修改 JavaScript 对象的属性，并且避免了手动复制和粘贴分隔符的繁琐操作。它适用于任何具有可嵌套对象的代码，例如 React、Vue、Angular 上下文对象、Redux 中的 store 等等。
安装
安装 dotaccess 最简单的方法就是使用 npm：
npm install dotaccess --save
也可以在你的 package.json 文件中添加依赖：
{ "dependencies": { "dotaccess": "^1.1.1" } }
使用
获取属性
使用 dotaccess 可以轻松地获取嵌套对象的属性。只需要传入对象和属性字符串，dotaccess 就会返回对应属性的值：
-- -------------------- ---- ------- ----- --- - --------------------- ----- --- - - -- - -- - -- ------ ----------- - - -- ------------------------ ---------- -- -- ------ -----------展开代码
在这个例子中，我们传入对象 obj 和属性字符串 'a.b.c'，然后 dotaccess 返回了属性 'c' 的值 'Hello DotAccess!'。
修改属性
如果你希望修改某个对象的属性，则可以使用 dotaccess 的 set 方法。只需要传入对象、属性字符串和要更新的值即可：
-- -------------------- ---- ------- ----- --- - --------------------- ----- --- - - -- - -- - -- ------ ----------- - - -- ------------ -------- ------ --------- ----------------------- -- -- ------ -------展开代码
在这个例子中，我们传入对象 obj、属性字符串 'a.b.c' 和值 'Hello World!'，然后 dotaccess 更新了属性 'c' 的值。
适用于数组
dotaccess 同样适用于数组中的元素。只需要在属性字符串中使用方括号 [] 包含数组索引即可：
-- -------------------- ---- ------- ----- --- - --------------------- ----- --- - - -- - -- - ---- ----- ---- ---- - - -- ------------------------ --------------- -- -- ---展开代码
在这个例子中，我们传入对象 obj 和属性字符串 'a.b.arr[0]'，然后 dotaccess 返回了数组中的第一个元素 'A'。
默认值
如果在获取对象属性时，该属性不存在，则可以使用 dotaccess 的 get 方法的第三个参数来设置默认值。如果属性不存在，则会返回该默认值：
const dot = require('dotaccess'); const obj = { a: 'Hello' }; console.log(dot.get(obj, 'a.b.c', 'World'))； // 输出 'World'
在这个例子中，我们传入对象 obj、属性字符串 'a.b.c' 和默认值 'World'，由于属性 'b' 和 'c' 都不存在，因此会返回默认值 'World'。
浅拷贝 / 深拷贝
dotaccess 还提供了两个方法，可以实现对嵌套对象的浅拷贝和深拷贝：
-- -------------------- ---- ------- ----- --- - --------------------- ----- --- - - -- - -- - -- ------ ----------- - - -- -- --- --- -- ----- ------- - --------------- -- ---- --- -------- ----- -------- - -------------- ------展开代码
在这个例子中，我们使用了 dotaccess 的 clone 方法，可以分别实现对嵌套对象的浅拷贝和完整深拷贝。
结语
使用 dotaccess 可以方便地读取和修改对象属性，提高代码可读性和可维护性。相信随着 dotaccess 的逐渐流行，越来越多的前端库和框架会将其加入到自己的开发工具集中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/182154
