介绍
在前端开发中，经常需要将 JavaScript 对象转换成字符串。这个过程中我们需要考虑很多问题，例如：空值、数组、对象嵌套等情况的处理方式。但是，如果手动去写这些转换函数，非常的麻烦且容易出错。因此，有一个非常实用的 npm 包—js-to-string 可以帮助我们快速地将 JavaScript 对象转换成字符串。
安装
你可以通过 npm 进行安装:
--- ------- ------------
通过以上命令即可安装该 npm 包。
使用
引入该包：
----- ---------- - -----------------------
将目标对象转换成字符串：
----- --- - - ------- ---------- ------ --- --------- ------ - ----- --- - --------------- ---------------- -- ----- ------ -------------- ---------- ------- --
可以看到，该 npm 包已经帮我们把对象转换成了字符串。
深度转换
当对象嵌套或者属性值为数组时，直接转换可能会产生错误结果。例如，我们有以下这个对象：
----- --- - -
------- ----------
------ ---
--------- -------
--------- --------- ---------- ------------
--------- -
------- ------
------ ---
--------- -------
--------- --------- ------------ ----------
-
-直接使用 js-to-string 的转换后结果为：
------ -------------- ---------- -------------- -------------------------------- ------- --------
可以看到，在遇到嵌套对象时，js-to-string 会将其转换成了 [object Object]，在某些情况下，这可能是不合适的，例如当我们需要直观查看该对象时。
为了解决这个问题，js-to-string 提供了参数，可以帮助我们完成深度转换。在不传递第二个参数的情况下，js-to-string 只会将对象的第一层属性转换为字符串；如果你想转换嵌套的属性，需要传递一个数字，表示深度。例如，上面的例子，如果想要将 friend 对象也转换成字符串，可以将深度设置为 2：
----- --- - --------------- -- ---------------- -- ----- ------ -------------- ---------- -------------- -------------------------------- ------ ---------- ---------- -------------- -------- --------------------- --
可以看到，已经将 friend 对象也转换为字符串了。
指导意义
通过使用 js-to-string，我们可以避免手动编写 JSON.stringify 或 toString 函数时，遇到的很多问题，例如是否存在 null 或 undefined，数组或者对象的嵌套等情况。不仅仅是转换对象，对于其它函数也是如此，只要能通过 npm 安装，我们就可以在其它项目中快速复用代码。
结论
js-to-string 是一个实用且方便的 npm 包，它可以快速解决 JavaScript 对象转换成字符串的问题，极大地简化了前端开发的过程。值得推荐大家去尝试。
示例代码
以下是上述文章提到的所有示例代码：
----- ---------- - -----------------------
----- --- - -
------- ----------
------ ---
--------- -------
--------- --------- ---------- ------------
--------- -
------- ------
------ ---
--------- -------
--------- --------- ------------ ----------
-
-
----- --- - ---------------
----------------
-- -----
------ -------------- ---------- -------------- -------------------------------- ------- --------
--
----- ---- - --------------- --
-----------------
-- -----
------ -------------- ---------- -------------- -------------------------------- ------ ---------- ---------- -------------- -------- ---------------------
--来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/63209