JavaScript中toString()与String()的差异及JSON值转字符串疑问

嘿，我懂你想避免API处理时出问题的心情，咱们来好好聊聊这三个方法的差异，以及哪种更适合你的场景～

先明确三个方法的核心差异 #

1. String() 和 变量 + ""：全能选手，无死角 #

这俩本质上是一回事，都是通过强制类型转换把值转成字符串，能完美处理所有原始类型：

• 数字：String(123) → "123"，123 + "" → "123"
• 布尔值：String(true) → "true"，false + "" → "false"
• null：String(null) → "null"，null + "" → "null"
• undefined：String(undefined) → "undefined"，undefined + "" → "undefined"

不管遇到啥原始值，这俩都不会报错，直接给你对应的字符串，是最安全的选择。

2. .toString()：有致命缺陷的选手 #

这个方法看起来和前两者效果一样，但有个大问题：它不能直接用在null和undefined上！因为这俩不是对象，根本没有toString()方法，直接调用会炸：

null.toString(); // 报错：Cannot read property 'toString' of null
undefined.toString(); // 报错：Cannot read property 'toString' of undefined

当然，如果你的值确定是数字、布尔或者对象（比如数组、自定义对象），toString()是没问题的，但只要碰到null/undefined，就会触发错误，这在API请求场景里绝对是隐患。

针对你的需求：批量转换JSON所有值的最优方案 #

如果要把前端发往API的整个JSON结构（包括嵌套对象、数组）里的所有值都转成字符串，咱们可以写个递归函数来批量处理，用最稳妥的String()来兜底：

function convertAllValuesToString(data) {
  // 处理数组：递归转换每个元素
  if (Array.isArray(data)) {
    return data.map(item => convertAllValuesToString(item));
  }
  // 处理对象（排除null）：递归转换每个属性值
  if (typeof data === 'object' && data !== null) {
    return Object.fromEntries(
      Object.entries(data).map(([key, value]) => [key, convertAllValuesToString(value)])
    );
  }
  // 原始类型直接转字符串
  return String(data);
}

举个例子，输入这样的JSON：

const apiData = {
  id: 123,
  isActive: true,
  desc: null,
  tags: [456, false, undefined]
};

经过转换后会变成：

{
  id: "123",
  isActive: "true",
  desc: "null",
  tags: ["456", "false", "undefined"]
}

完全符合你把所有值转成字符串的需求，而且不会因为null/undefined报错。

总结一下 #

• 单个值转换：优先用String()或者变量 + ""，覆盖所有情况，零风险；
• 拒绝直接用.toString()处理未知值，除非你能100%确定值不是null/undefined；
• 批量处理JSON结构：用上面的递归函数，一键把所有嵌套值都转成字符串，省心又安全。

内容的提问来源于stack exchange，提问作者UserJ