在前端开发中，我们不可避免地需要频繁地操作对象。为了方便起见，我们可以使用 obj-map 这个 npm 包来方便地对对象进行操作。
obj-map 是什么？
obj-map 是一个 JavaScript 库，用于功能的对象映射。它让你可以通过设定映射规则，变换对象的数据，而且会自动递归到嵌套的对象。
安装 obj-map
在命令行中输入以下命令来安装 obj-map
--- ------- ------- ------
使用 obj-map
引入 obj-map 包以后，我们可以使用它来进行各种操作，例如：
简单映射
----- ------ - -------------------
----- --- - -
-- --
-- --
-- -
--
----- --------- - ---------------------
-- ----
-- ----
-- ---
---------
-- --------- --- --- -- -- -- -- --这样就实现了将原对象中的 a、b、c 三个键替换为了 A、B、C 三个键的映射。
复杂映射
除了简单映射以外，obj-map 还可以进行更加复杂的映射，例如：
----- ------ - -------------------
----- --- - -
----- ------
---- ---
-------- -
--------- ------------
----- ----------
--
-------- -
------ -- -------- ------ ---
------ -- -------- ------ --
-
--
----- --------- - -----------------
----- ------------
-------- -
--------- ----------------
----- -----------
--
-------- -------- -- --
------------ ------------
------------ ------------
--
---------
--
--------- ----
-
---------- ------
---- ---
-------- -
-------------- ------------
---------- ----------
--
-------- -
-
------------ -- --------
------------ -
--
-
------------ -- --------
------------ -
-
-
-
--通过这个例子，我们可以看到，obj-map 可以自动地递归到嵌套的对象和数组中，并对其中的数据进行映射操作。
链式操作
除了以上两种类型以外，我们还可以通过链式操作来实现更加灵活的操作：
----- ------ - -------------------
----- --- - -
----- ------
---- ---
-------- -
--------- ------------
----- ----------
--
-------- -
------ -- -------- ------ ---
------ -- -------- ------ --
-
--
----- --------- - -----------
----------
----- -----------
--
------
-------- -
--------- ----------------
----- -----------
-
--
------
-------- -------- -- --
------------ ------------
------------ ------------
--
--
-------
--
--------- ----
-
---------- ------
---- ---
-------- -
-------------- ------------
---------- ----------
--
-------- -
-
------------ -- --------
------------ -
--
-
------------ -- --------
------------ -
-
-
-
--通过链式操作，我们可以非常方便地将多个操作进行组合。
总结
通过 obj-map 这个 npm 包的学习，我们可以非常方便地对 JavaScript 对象进行各种映射操作，减少冗长的代码量，让前端开发变得更加高效。同时我们可以在开发过程中，灵活地运用 obj-map 包来满足我们不同的需求。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f9c3d1de16d83a66ee0