如何将axios请求返回的结果转换为字符串以调用startsWith等方法

你遇到的调用startsWith失败的核心原因通常是axios返回的r.data.result.value实际类型不是字符串，可能是数字、布尔值、null、undefined甚至是对象类型，即便控制台打印的内容看起来和字符串一致，非字符串类型本身不存在startsWith方法，调用就会报错。

通用转换为字符串的方法 #

• 最稳妥的转换方式：使用String()构造函数，该方法可以兼容null、undefined等所有基础类型，不会抛出异常：

  const strValue = String(yourValue)
  

• 简便写法：使用ES6模板字符串，效果和String()完全一致：

  const strValue = `${yourValue}`
  

• 确认值不为null/undefined时，可以使用toString()方法：

  const strValue = yourValue.toString()
  

你的代码修改示例 #

注意：你当前代码中axios.get的入参是DOM选择语句，正常情况下axios.get的第一个参数应该是请求目标的接口地址，如果你是要调用服务端解析DOM的接口，注意修正请求参数的写法。

const aa = await axios
  .get("你实际的请求接口地址")
  .then((r) => String(r.data.result.value)); // 获取值后直接转为字符串

// 可以先打印类型确认转换结果
console.log("值：", aa, "类型：", typeof aa);

// 此时就可以正常调用字符串方法
console.log(aa.startsWith("somestring"));

特殊情况排查 #

如果转换为字符串后startsWith返回结果仍不符合预期，大概率是返回的字符串包含不可见的空白字符（如换行符、零宽空格、前后空格等），可以先去除空白再校验：

aa.trim().startsWith("somestring")

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