七爪源码:如何在 JavaScript 中检查字符串是否仅包含数字

了解如何在 JavaScript 中轻松检查字符串是否仅包含数字。 匹配包含由字符分隔的数字的字符串。

要检查字符串是否仅包含 JavaScript 中的数字，请在此正则表达式上调用 test() 方法：^\d+$。 如果字符串仅包含数字，则 test() 方法将返回 true。 否则，它将返回 false。

例如：

function containsOnlyNumbers(str) {
  return /^\d+$/.test(str);
}console.log(containsOnlyNumbers('HTML5')); // false
console.log(containsOnlyNumbers('1234')); // true
console.log(containsOnlyNumbers('3 bananas')); // false

RegExp test() 方法搜索正则表达式和字符串之间的匹配项。

/ 和 / 字符用于开始和结束正则表达式。

^ 字符标记字符串输入的开始，$ 字符标记字符串的结束。

\d 模式匹配字符串中的任何数字 (0 - 9)。

在 \d 之后添加 + 字符会使正则表达式匹配一次或多次出现的 \d 模式。

因此，正则表达式匹配一个以连续数字序列开头和结尾的字符串。

我们可以使用 [0-9] 模式来匹配数字。 此模式匹配 0 到 9 之间的任何数字字符。

function containsOnlyNumbers(str) {
  return /^[0-9]+$/.test(str);
}console.log(containsOnlyNumbers('HTML5')); // false
console.log(containsOnlyNumbers('1234')); // true
console.log(containsOnlyNumbers('3 bananas')); // false

您可能会发现 [0-9] 比 \d 更具可读性，尤其是在您对正则表达式中的特殊字符不是很熟悉的情况下。

匹配包含由字符分隔的数字的字符串

有时我们希望匹配数字可能由特定字符（例如空格或逗号）分隔的字符串。

function containsOnlyNumbers(str) {
  return /^(\d+,)*(\d+)$/.test(str);
}console.log(containsOnlyNumbers('123456789')); // true (separator not required)
console.log(containsOnlyNumbers('123,456,789')); // true
console.log(containsOnlyNumbers('123-456-789')); // false

我们使用这种格式的正则表达式来做到这一点：^(\d+{ch})*(\d+)$，其中 {ch} 是分隔数字的字符。

所以我们可以使用一个非常相似的正则表达式来匹配一个只包含用连字符分隔的数字的字符串：

function containsOnlyNumbers(str) {
  return /^(\d+-)*(\d+)$/.test(str);
}console.log(containsOnlyNumbers('123456789')); // true
console.log(containsOnlyNumbers('123,456,789')); // false
console.log(containsOnlyNumbers('123-456-789')); // true

或空格：

function containsOnlyNumbers(str) {
  return /^(\d+ )*(\d+)$/.test(str);
}console.log(containsOnlyNumbers('123456789')); // true
console.log(containsOnlyNumbers('123 456 789')); // true
console.log(containsOnlyNumbers('123-456-789')); // false

提示：如果您遇到过带有难以理解的模式的正则表达式，来自 MDN 文档的正则表达式备忘单可能会有所帮助。

像以前一样，我们可以使用 [0-9] 代替 \d 来表示正则表达式：

function containsOnlyNumbers(str) {
  return /^([0-9]+-)*([0-9]+)$/.test(str);
}console.log(containsOnlyNumbers('123456789')); // true
console.log(containsOnlyNumbers('123,456,789')); // false
console.log(containsOnlyNumbers('123-456-789')); // true

关注七爪网，获取更多APP/小程序/网站源码资源！