在前端开发中，数据的转化和处理是非常常见的操作。在这个过程中，我们经常需要将一个对象转化为一个字符串来传输或者存储，这时候，我们就需要使用到字符串化操作。在 JavaScript 中，我们可以通过 JSON.stringify 来实现这一功能。但是当我们在处理一个对象的时候，有些属性是可能也是对象类型，这时候我们就需要将其也转化为字符串类型。这时候我们就可以使用一个 npm 包叫做 stringify-object-strings 。
stringify-object-strings 简介
stringify-object-strings 是一个非常小巧的 npm 包，它可以将对象中的所有字符串类型值强制转化为字符串类型，并且可以控制输出的格式。它是在 JSON.stringify 基础上的功能扩展。
安装和使用
要使用 stringify-object-strings ，首先你需要通过 npm 进行安装。可以通过以下命令进行安装：
--- ------- ------------------------ ------
这个包本身只有一个方法，就是 stringify 。在使用时，我们需要将要转化的对象传递给此方法，然后就会返回它的字符串化输出结果。此方法支持一些额外的参数来控制输出。
基本方法
stringify 方法的基本使用例子如下：
----- --------- - ------------------------------------
----- --- - -
----- -------
---- ---
---- -
----- -------
----- ------
--
--
----- ------ - ---------------
--------------------在上述例子中，我们首先引入了 stringify ，然后创建了一个对象，最后调用 stringify 将对象转化成字符串，并且打印输出结果。输出的结果如下：
-
------- -------
------ -----
------ -
------- -------
------- -----
-
-可以看到，age 属性已经被强制转化为字符串类型了。
参数列表
stringify 方法还支持一些参数，用于控制输出的格式。下面列举其的参数列表：
| 参数 | 类型 | 默认值 | 描述 |
|---|---|---|---|
| space | 数字 | 2 | 分隔符宽度，用于格式化输出 |
| replacer | 函数 | null | 一个函数，用于自定义替换方法 |
| quoteStrings | 布尔 | true | 是否强制转化所有的字符串类型为字符串 |
注意事项
1、在参数中传递 replacer 回调函数时，需要自行实现属性替换的逻辑。
2、在参数中传递 quoteStrings 为 true 时，所有字符串属性都会变成 "对应属性" 的形式。
3、在参数中传递 quoteStrings 为 false 时，带空格字符串属性仍然会被转化为 "对应属性" 的形式，但是不带空格的字符串属性不会被转化。例如："foo bar" 仍然会被转化为 "foo bar"， 但是"fooBar" 就会被转化为 fooBar。
完整的示例：
----- --------- - ------------------------------------
----- --- - -
----- -------
---- ---
---- -
----- -------
----- ------
--
--
----- ------ - -------------- -
------ --
--------- -------- --- ---- -
-- ------- --- --- --------- -
------ ------------
-
------ ----
--
------------- ------
---
--------------------在这个示例中，我们使用了 stringify 的完整参数列表。输出的结果如下：
-
----- -------
---- ---
---- -
----- -------
----- -----
-
-可以看到，此时输出的格式已经被我们自定义的 replacer 回调函数和参数中的 space 影响。
总结
stringify-object-strings npm 包是一个非常小巧实用的工具库。它能够很好的帮助我们处理对象转化为字符串时带有内部子对象的情况。但需要注意，字符串类型可能会被强制转换为一个双引号括起来的字符串。当然，如果有自定义的需求，也可以通过自己实现一个自定义的 JSON.stringify 方法来实现。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600562e381e8991b448e0707