在前端开发中，经常会遇到需要将多层嵌套的对象转换为扁平化的格式，这时候可以使用 npm 包 flatit。该包提供了一个工具函数，可以很方便地将对象扁平化，并且支持自定义连接符、过滤函数等。
安装
使用 npm 进行安装：
npm install flatit
使用方法
flatit 提供了两个导出变量：flatten 和 unflatten。
flatten
flatten(obj, options?) 接受一个嵌套对象和一个可选的配置对象 options，返回一个扁平化后的对象。
-- -------------------- ---- -------
------ - ------- - ---- ---------
----- --- - -
-- -
-- -
-- --
-- --- ---
--
--
--
----- ------ - -------------
--------------------
-- - -------- -- ---------- -- ---------- - -默认情况下，flatten 函数会使用点号 . 连接属性名，因此上面的结果中属性名之间就是用点号连接的。如果想要使用其他的连接符，可以通过传递 options.separator 参数来实现：
const result = flatten(obj, { separator: '_' });
console.log(result);
// { 'a_b_c': 1, 'a_b_d_0': 2, 'a_b_d_1': 3 }另外，flatten 函数还支持过滤函数，可以通过 options.filter 参数传递一个函数来指定需要保留的属性：
const result = flatten(obj, {
filter: (value, key) => typeof value === 'number',
});
console.log(result);
// { 'a.b.c': 1 }unflatten
unflatten(flatObj, options?) 接受一个扁平化的对象和一个可选的配置对象 options，返回一个嵌套的对象。该函数是 flatten 的逆操作。
-- -------------------- ---- -------
------ - --------- - ---- ---------
----- ------- - -
-------- --
---------- --
---------- --
--
----- ------ - -------------------
--------------------
--
-
-- -
-- -
-- --
-- --- ---
--
--
-
--同样地，unflatten 函数也支持自定义连接符和过滤函数。
示例代码
下面是一个示例，演示了如何使用 flatit 进行对象扁平化和反扁平化：
-- -------------------- ---- -------
------ - -------- --------- - ---- ---------
----- --- - -
----- -----
---- ---
-------- -
--------- ------
----- ------
------- -------
--
--
-- -----
----- ------- - ------------ - ---------- --- ---
---------------------
--
-
------- -----
------ ---
------------------- ------
--------------- ------
----------------- ------
-
--
-- -------
----- --------- - ------------------ - ---------- --- ---
-----------------------
--
-
----- -----
---- ---
-------- -
--------- ------
----- ------
------- -------
--
-
--结语
以上就是 npm 包 flatit 的使用教程，希望对大家有所帮助。在实际开发中，扁平化和反扁平化对象的需求很常见，而 flatit 提供了一种简便和灵活的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/47066