在编写前端应用程序时，我们经常需要将对象的键或属性转换为特定格式的形式，以便它们作为 URL、查询字符串或其他数据交换格式使用。其中一种常见的格式是蛇形键（snake_case），其中单词之间用下划线分隔。
@atomic-app/snakecase-keys 是一个非常好的 npm 包，可以轻松把对象的属性名从驼峰式键（例如 fooBar）转换为蛇形键（例如 foo_bar）。本文将介绍 npm 包 @atomic-app/snakecase-keys 的安装和用法，并提供一些示例代码。
安装
在使用 @atomic-app/snakecase-keys 之前，需要在项目中安装该包。可以使用以下命令在终端中安装该包：
npm install @atomic-app/snakecase-keys
安装完成后，可以通过以下方式在应用程序中引入该包：
const snakecaseKeys = require('@atomic-app/snakecase-keys');用法
@atomic-app/snakecase-keys 中有两个方法可以将对象的属性名称更改为蛇形键。第一个是 snakecaseKeys() 方法，它将单个对象作为输入并返回一个新对象，其中所有键都已转换为蛇形。第二个方法是 snakecaseKeysDeep()，可以递归地处理多层嵌套对象。
以下是两个方法的使用方式和输出结果的示例：
-- -------------------- ---- -------
----- - -------------- ----------------- - - --------------------------------------
----- -------- - -
---------- -------
--------- ------
-------- -
-------------- ---- ---- ----
----- ----------
------ -----
----------- -------
-
--
----- --------- - ------------------------
-----------------------
--
-
----------- -------
---------- ------
-------- -
--------------- ---- ---- ----
----- ----------
------ -----
------------ -------
-
-
--
----- ------------- - ----------------------------
---------------------------
--
-
----------- -------
---------- ------
-------- -
--------------- ---- ---- ----
----- ----------
------ -----
------------ -------
-
-
--可以看到，snakecaseKeys() 方法只能处理对象的顶层属性，而 snakecaseKeysDeep() 方法可以递归地转换嵌套对象中的所有属性。
示例
下面是一个更复杂的示例，使用 @atomic-app/snakecase-keys 将 REST API 响应对象的属性名称转换为蛇形键，并使用 jQuery 的 $.ajax() 方法发送 POST 请求。
-- -------------------- ---- -------
----- - ----------------- - - --------------------------------------
----- - - ------------------
----- ----------- - --------------------------------
----- ----------- - -
---------- -------
--------- ------
-------- -
-------------- ---- ---- ----
----- ----------
------ -----
----------- -------
-
--
----- ----------- - -------------------------------
--------
---- ------------
----- -------
----- ----------------------------
------------ -------------------
-------- ---------------------- -
--------------------------
--
------ --------------- ----------- ------------ -
------------------------ - -- - - -------------
-
---在此示例中，snakecaseKeysDeep() 方法将 requestBody 对象的所有属性名称转换为蛇形键，然后将其作为 POST 请求的正文发送到 REST API。
总结
在前端开发中，将对象的属性名称转换为特定格式很常见，以便与各种数据交换格式兼容。使用 @atomic-app/snakecase-keys 可以轻松地将 JavaScript 对象的属性名称转换为蛇形键（snake_case），并在如上述示例的方式下使用。该包的详细文档可在其 npm 页面上查看。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590881e8991b448d662c