介绍
trn 是一个非常实用的 npm 包，是一个用于实现数据的归一化操作的 JavaScript 库。它能够让您更加轻松快速地进行数据的处理，并且降低代码的复杂度，提高代码的可维护性和可读性。
本文将为大家详细介绍 trn 的使用方法，包括安装、使用和常见问题解决方法等常用知识点。
安装
trn 可以通过 npm 安装，只需要在终端执行以下命令即可：
npm install trn --save
使用
以下是一些 trn 最常见和最有用的方法。
normalize函数
这是 trn 最常用的函数之一，它能够将嵌套对象转换为平面对象，也就是将对象中的所有嵌套对象展开为单层对象，实现数据的归一化。
语法
normalize(object, separator, parentKey);
参数
- object：必需，需要归一化的对象。
- separator：可选，对象键之间的分隔符，默认为 "."。
- parentKey：可选，父对象的键名称，默认为 undefined。
示例代码
以下是使用 normalize 函数将嵌套对象转换为平面对象的示例代码。
-- -------------------- ---- -------
----- - --------- - - ---------------
----- ---- - -
--- -----------
----- ---------
------ -
--- ----------
----- --------
--
--
----- ---- - --------------- ---- ----------
------------------输出结果：
{
"parent.id": "parentID",
"parent.name": "parent",
"child.id": "childID",
"child.name": "child"
}denormalize函数
这是 trn 另一个常用的函数，它与 normalize 函数搭配使用，从平面对象中恢复出原始嵌套对象。
语法
-- -------------------- ---- ------- ------------ ----- ---- ---------- ---------- ------- ---------- ------- --------- --
参数
- flat：必需，需要恢复为嵌套对象的平面对象。
- map：必需，从平面对象中恢复出原始嵌套对象所需的查找映射表。
- separator：可选，对象键之间的分隔符，默认为 "."。
- parentKey：可选，父对象的键名称，默认为 undefined。
- newObj：可选，新对象的名称，默认为 "obj"。
- originObj：可选，原始对象的名称，默认为 "$$originObj".
- newKey：可选，新键的名称，默认为 "key"。
- originKey：可选，原始键的名称，默认为 "$$originKey"。
示例代码
以下是使用 denormalize 函数从平面对象中恢复嵌套对象的示例代码。
-- -------------------- ---- -------
----- - ---------- ----------- - - ---------------
----- ---- - -
--- -----------
----- ---------
------ -
--- ----------
----- --------
--
--
----- ---- - --------------- ---- ----------
----- --- - -
------------ -
--------- -----
------------ -----
--------- ---------
--
-------------- -
--------- -----
------------ -------
--------- ---------
--
----------- -
--------- --------------
------------ -----
--------- --------
--
------------- -
--------- --------------
------------ -------
--------- --------
--
--
----- ------ - ----------------- ---- ---- ----------
--------------------输出结果：
{
id: "parentID",
name: "parent",
child: {
id: "childID",
name: "child",
},
};常见问题解决方法
如何避免使用编译器时出现的错误？
在安装 trn 后，您可能需要将库的 ES6 模块构建成 CommonJS 模块，以便它可以在 Node.js 中运行。
以下是通过这种方式来使用 trn 的示例代码：
const trn = require("trn/dist/trn.cjs");如何在抉择对象中使用normalize？
在 trn 中，normalize 函数支持自定义对象编译配置。这意味着您可以使用 "meta" 键将自定义信息添加到抉择对象中，并使其支持递归标准化。以下是对应的示例代码：
-- -------------------- ---- -------
----- - -------------- --------- - - ---------------
----- ------ - -
----------- ---------
----- -
--------- -
- ----- -------- -------- -- ---- ------- -- - ---- --------- -- --
- ----- -------- -------- -- ---- ------- -- --
--
--
--
----- ---- - -
--- -----------
----- ---------
------ -
--- ----------
----- --------
------- -
---- --------
------ -
-------- ---
--
-------- -
-------- --
--
--
--
--
----- -------------- - ----------------------
----- ---- - --------------- ---- ---------- ----------------
------------------输出结果：
-- -------------------- ---- ------- - --- ----------- ----- --------- ----------- ---------- ------------- -------- ------------------- -------- ----------------------------- --- ------------------------------- - -
如何在归一化对象的过程中去重？
您可以通过在 normalize 函数中添加去重函数实现对象的去重。以下是对应的示例代码：
-- -------------------- ---- -------
----- - --------- - - ---------------
----- ---- - -
---- --------------
---- --------------
----- ----------
------- -
--- -----------
----- ---------
--
------- -
--- -----------
----- ---------
--
--
----- ---- - --------------- ---- --------- --- -- -- -
------ - ----- ------- - --
---
------------------输出结果：
-- -------------------- ---- ------- - ------------- -------------- ------------- -------------- -------------- ---------- -------------- ----------- ---------------- --------- -------------- ----------- ---------------- -------- -
总结
trn 是一款非常强大的 JavaScript 库，它能够让前端开发者更加轻松快速地进行数据归一化操作，以及降低代码的复杂度，提高代码的可维护性和可读性。本文详细介绍了 trn 的安装、使用方法，以及常见问题的解决方法，希望能够帮助大家更好地使用 trn。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557e281e8991b448d4f11