从 JavaScript 字符串提取数字：从正则表达式到解析技巧

从 JavaScript 字符串中提取数字：你的数字提取指南

在软件开发中，从字符串中提取数字的场景比比皆是。无论是从网页 URL 中解析 ID 号码，从文件名中获取版本号，还是从文本数据中提取财务数据，提取字符串中的数字都是一项常见且必不可少的任务。

正则表达式：强大的数字猎手

正则表达式（Regex）是用来查找和操作字符串中文本的强大工具。它提供了一种模式匹配语言，使你能够精确地识别和提取数字。要从字符串中提取数字，可以使用以下正则表达式：

/(\d+)/

此正则表达式会匹配一个或多个连续的数字字符，并将其存储在捕获组中。例如，对于字符串 "#box123"，正则表达式将匹配数字 "123"。

灵活处理可变长度数字

有时，你可能会遇到字符串中数字长度可变的情况。为了处理这种场景，你可以修改正则表达式以匹配任意数量的数字：

/(\d+)/g

g 标志表示全局匹配，这意味着正则表达式将在字符串中匹配所有数字序列。因此，对于字符串 "#box1234"，它将匹配数字 "1234"。

备选方法：解析和转换

除了正则表达式，还有其他方法可以从字符串中提取数字。一种方法是使用 parseInt() 函数，它将字符串转换为整数：

const number = parseInt("#box2");

不过，parseInt() 在字符串中没有数字时会返回 NaN，这可能不是总是理想的。

另一种方法是使用 Number() 函数，它将字符串转换为数字：

const number = Number("#box2");

Number() 函数也返回 NaN，但它还可以在字符串中没有数字时返回 0：

const number = Number("abc");

结论

从 JavaScript 字符串中提取数字是一个关键技能，可以解锁各种应用程序。通过使用正则表达式或备选方法，你可以可靠地从字符串中提取数字，并轻松处理可变长度数字。

常见问题解答

1. 如何从一个包含多个数字的字符串中提取所有数字？

使用具有全局匹配标志 (g) 的正则表达式，例如 /(\d+)/g。

2. 如何从字符串中提取负数？

在正则表达式中使用连字符 (-) 匹配负号，例如 /(-?\d+)/。

3. 如何从字符串中提取浮点数？

使用包含小数点 (.) 的正则表达式，例如 /(-?\d+\.\d+)/。

4. 如何处理字符串中没有数字的情况？

使用备选方法，例如 parseInt()，它会在没有数字的情况下返回 NaN，或者 Number()，它会在没有数字的情况下返回 0。

5. 如何提高数字提取的效率？

使用预编译的正则表达式对象可以提高性能。你还可以使用 String.prototype.matchAll() 方法在较新的 JavaScript 版本中进行迭代匹配。