使用 JavaScript 从字符串中提取数字

在编程过程中，我们经常需要从字符串中提取出数字，这个过程可以使用 JavaScript中的正则表达式来实现。本文将提供一些关于如何在 JavaScript 中从字符串中提取数字的方法。

方法一：使用正则表达式

使用正则表达式是最常见的从字符串中提取数字的方法。在 JavaScript 中，正则表达式可以使用RegExp对象进行创建和操作。下面是从字符串中提取数字的代码示例。

var str = 'JavaScript is a popular programming language, and it has been around for more than 20 years.';
var arr = str.match(/\d+/g);
console.log(arr); //['20']

上面的代码中，我们使用的是RegExp的match()函数。它可以在给定的字符串中查找符合指定正则表达式的所有内容，并返回一个存储了所有匹配结果的数组。

在这个示例中，\d+是一个匹配一串数字的正则表达式。加号表示匹配一个或多个数字。使用g修饰符可以让匹配发生多次，而不仅仅是第一次。

方法二：使用parseFloat()函数

另一种从字符串中提取数字的方法是使用JavaScript中的parseFloat()函数。这个函数可以将一个字符串解析为浮点数。它会忽略输入字符串中前导的空格，并一直读取到第一个非数字字符为止。

var str = '2.5 is a popular number';
var num = parseFloat(str);
console.log(num); // 2.5

在这个示例中，parseFloat()函数解析str字符串并返回2.5浮点数。

方法三：使用parseInt()函数

和parseFloat()函数类似，parseInt()函数也可以解析字符串，但是它只会返回整数。这个函数也可以接受第二个参数，用于指定进制数（例如，二进制、八进制、十六进制等）。

var str = '25 is a popular number';
var num = parseInt(str);
console.log(num); //25

在这个示例中，parseInt()函数解析str字符串并返回25整数。

结论

在JavaScript中从字符串中提取数字是一项有用的技能。本文介绍了三种实现方法，分别使用RegExp对象、parseFloat()函数和parseInt()函数。这些方法可以根据具体的需要灵活应用。