JavaScript从字符串中提取数字 - Javascript

在JavaScript中，有时需要从字符串中提取数字。这个过程可以通过多种方式实现。本文将介绍如何使用JavaScript从字符串中提取数字，并提供一些代码示例。

通过Number()函数提取数字

JavaScript中可以使用Number()函数将字符串转换为数字。如果字符串只包含数字，则会返回相应的数字，否则会返回NaN。

const str = '123';
const num = Number(str);
console.log(num); // 输出 123

const str = 'abc123';
const num = Number(str);
console.log(num); // 输出 NaN

通过parseInt()函数提取数字

parseInt()函数是另一种从字符串中提取数字的方法。与Number()函数不同的是，parseInt()函数会忽略字符串中非数字的字符。

const str = '123';
const num = parseInt(str);
console.log(num); // 输出 123

const str = 'abc123';
const num = parseInt(str);
console.log(num); // 输出 NaN

通过正则表达式提取数字

正则表达式是从字符串中提取数字的常用方法。以下正则表达式可以匹配字符串中的所有数字：

const str = 'abc123';
const regex = /\d+/g;
const nums = str.match(regex);
console.log(nums); // 输出 ["123"]

通过字符串方法提取数字

JavaScript中的字符串方法也可以用于从字符串中提取数字。例如，使用split()方法将字符串分割成数组，然后使用filter()方法过滤掉非数字的元素。

const str = 'abc123';
const arr = str.split('');
const nums = arr.filter(c => !isNaN(c)).join('');
console.log(nums); // 输出 "123"

总结

本文介绍了JavaScript中从字符串中提取数字的几种方法。无论使用哪种方法，都需要注意字符串中是否包含非数字的字符。在处理字符串时，可以根据实际需求选择最合适的方法。