迹忆客 专注技术分享

当我们对非字符串类型的值调用 split() 方法时，会出现“split is not a function”错误。 要解决此错误，请在调用 split() 之前使用 toString() 方法将值转换为字符串，或者确保仅对字符串调用 split 方法。

下面是产生上述错误的示例代码

const str = new Date();

// ⛔️ Uncaught TypeError: str.split is not a function
const result = str.split(' ');

我们在一个对象上调用了 String.split 方法并得到了错误。

要解决该错误，请确保仅对字符串调用 split() 方法。

我们可以使用 toString() 方法将大多数值转换为字符串。

const str = new Date();
console.log(typeof str); // 👉️ object

const result = str.toString().split(' ');
console.log(result); // 👉️ ['Fri', 'Dec', ...]

我们使用 toString() 方法将日期对象转换为字符串，以便能够调用 split() 方法。

或者，我们可以在调用 split() 方法之前检查该值是否为字符串。

const str = 100;

const result = typeof str === 'string' ? str.split(' ') : '';
console.log(result); // 👉️ ""

我们使用了一个三元运算符来检查 str 变量是否存储了一个字符串。

如果是，则返回逗号左侧的值，否则返回右侧的值。

如果该值是一个字符串，我们返回调用 split() 方法的结果，否则我们返回一个空字符串以保持一致性。

如果错误仍然存在，请使用 console.log 打印正在调用 split 方法的值并使用 typeof 运算符检查其类型。

如果该值是一个对象，则很有可能您忘记访问需要调用 split() 方法的特定属性。

总结

当我们对非字符串类型的值调用 split() 方法时，会出现“split is not a function”错误。 要解决此错误，请在调用 split() 之前使用 toString() 方法将值转换为字符串，或者确保仅对字符串调用 split 方法。