正文：

在 JavaScript 开发中，我们经常需要从字符串中提取数字。无论是处理用户输入、解析数据还是清理格式，高效提取数字是一项基础但重要的技能。本文将介绍几种实用的方法，并分析它们的优缺点，帮助你选择最适合场景的方案。

方法 1：使用 parseInt 或 parseFloat

最简单的方式是使用 JavaScript 内置的 parseInt 或 parseFloat 函数。它们会从字符串开头解析数字，直到遇到非数字字符为止。

const str = "123abc456";
const num1 = parseInt(str); // 123
const num2 = parseFloat("3.14px"); // 3.14

优点：简单易用，适合提取开头的数字。
缺点：无法提取字符串中间或末尾的数字（如 "abc123" 会返回 NaN）。

方法 2：正则表达式匹配

如果需要提取字符串中的所有数字，正则表达式是最强大的工具。以下是几种常见场景的解决方案：

提取连续数字

const str = "价格：$199.99，折扣50%";
const numbers = str.match(/\d+/g); // ["199", "99", "50"]

提取带小数点的数字

const str = "温度：36.5℃，重量：0.5kg";
const floats = str.match(/\d+\.\d+/g); // ["36.5", "0.5"]

优点：灵活，支持复杂匹配规则。
缺点：正则表达式性能较差，不适合高频操作。

方法 3：结合 split 和 filter

如果字符串中的数字和其他字符有明确分隔符（如空格、逗号），可以用 split 拆分后再过滤出数字：

const str = "1, 2, 3, four, 5";
const numbers = str.split(/\D+/).filter(Number); // ["1", "2", "3", "5"]

优点：代码可读性高。
缺点：依赖分隔符，不适用于无规律字符串。

方法 4：性能优化技巧

在高性能要求的场景下（如处理大量数据），可以优化正则表达式或使用更高效的遍历方法：

优化正则表达式

避免使用全局匹配（/g）如果只需第一个数字：

const str = "ID: 12345";
const id = str.match(/\d+/)[0]; // "12345"

使用 Number() 替代 parseInt

如果字符串是纯数字，Number() 比 parseInt 更快：

const str = "42";
const num = Number(str); // 42

总结

1. 简单提取：用 parseInt 或 parseFloat。
2. 复杂匹配：用正则表达式（match）。
3. 分隔符明确：用 split + filter。
4. 高性能场景：避免全局正则，优先用 Number()。

根据实际需求选择合适的方法，既能提升代码效率，也能减少不必要的复杂性。