介绍
在前端开发过程中，我们经常需要对嵌套对象进行操作。对于一个嵌套对象，能够方便地获取某个键的值或者给某个键设置值，是一件非常重要的事情。这个过程中，我们需要操作对象的键，而这些键是以字符串的形式存在的。一个简单的嵌套对象的键可能是{ "a": { "b": { "c": 1 } } }，其中"a.b.c"是一个键。但在实际开发中，对象嵌套会更加复杂，手动处理字符串键就变得非常麻烦。于是，npm 上就有了一个叫object-to-string-path-array的包，可以来简化对象路径操作。
object-to-string-path-array是一个可以将对象路径转换成字符串数组的 npm 包。使用它，我们可以方便地对对象进行操作。
安装
我们可以通过 npm 安装这个包。执行以下命令即可：
--- ------- --------------------------- ------
或者，你可以通过 yarn 安装：
---- --- ---------------------------
使用
有了object-to-string-path-array，我们就可以让对对象路径的操作更加方便了。下面是一些常见的用法。
把对象路径转换成字符串数组
object-to-string-path-array提供了一个函数objectToStringPathArray，可以将对象路径转换成字符串数组。下面是一个例子：
------ - ----------------------- - ---- ------------------------------
----- --- - -
-- -
-- -
-- -
-
-
--
----- ---- - ---------------------------- ---------
------------------ -- ----- ---- ----根据字符串数组获取嵌套对象的值
有了上一步获取到的字符串数组，我们可以方便地根据它来获取对象的值：
----- ----- - --------------- ---- -- ------- ----- ------------------- -- -
根据字符串数组设置嵌套对象的值
我们可以先将字符串数组中的最后一个元素作为键，设置为需要的值：
--------------- ---- ------ -- -
-- ------ --- ----------- - -- -
------ - --
-
------ -------
-- -----
----------------- -- - ---- - ---- - ---- - - - -创建嵌套对象
有时，我们需要创建一个对象，这个对象可能需要和另一个对象合并，或者是作为 React 的 state 来使用。我们可以先定义一个空对象{}，然后根据所需的对象路径，按照层级添加空对象。
----- --- - ---
----- ---- - ----- ---- -----
--------------- ---- ------ -- -
-- ------ --- ----------- - -- -
------ - --
-
-- --------- -
------ - ---
-
------ -------
-- -----
----------------- -- - ---- - ---- - ---- - - - -总结
object-to-string-path-array是一个非常实用的 npm 包，可以方便地进行对象路径操作。通过使用它，我们可以将对象路径转换成字符串数组，轻松地获取或设置嵌套对象中的值。使用这些操作可以大大简化代码，提高开发效率。
示例代码
以上所有示例的完整代码可见于 GitHub Gist：
https://gist.github.com/LucindaZhou/23f9c74edd0d8c05b6a069e49a978998
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f9c3d1de16d83a66f70