js提取字符串中数字的几种方法

最编程 2024-01-15 18:24:23

...

利用js脚本从一串字符串中提取数字有多种方法，下面大熊博客就来简单的介绍几种常用到的。

js提取字符串中数字的方法

1、利用 parseFloat() 方法提取字符串中的数字。

parseFloat() 方法提取字符串中的数字，有很多的限制。它只能提取开头为数字的字符串中的数字，如果字符串的开头第一个字符为非数字，则会提取失败。

例：

复制

//daxion.cn
console.log(parseFloat('1234daxion.cn')) //1234
console.log(parseFloat('123.4daxion.cn')) // 123.4
console.log(parseFloat('daxion.cn1234')); // NaN
console.log(parseFloat('m123.5')); //NaN

2、JS 使用正则提取字符串中的数字

例1：

可以利用正则的方法将字符串中非数字的字符给去掉，留下的就是数字啦。但要注意的是，如果是要想提取数字中有非整数的部份(带有小数点的数)，则无法提取小数点。

复制

//daxion.cn
var num = '1234daxion.cn'.replace(/[^d]/g, ""); 
console.log(num); //1234
var num2 = '123.daxion.cn'.replace(/[^d]/g, ""); 
console.log(num2); //1234
var num3 = 'daxion.cn'.replace(/[^d]/g, ""); 
console.log(num3); //1234
var num4 = 'm123.5'.replace(/[^d]/g, ""); 
console.log(num4); //1235

例2：

通过上面的示例，我们可以修改一下正则表达式，并使用 match 方法来调用它。

复制

//daxion.cn
var num = '1234daxion.cn'.match(/d+(.d+)?/g); 
console.log(num); //['1234']
var num2 = '123.4daxion.cn'.match(/d+(.d+)?/g); 
console.log(num2); //['123.4']
var num3 = 'daxion.cn1234'.match(/d+(.d+)?/g); 
console.log(num3); //['1234']
var num4 = 'm123.5'.match(/d+(.d+)?/g); 
console.log(num4); //['123.5]
var num4 = 'm123.55sd58sdf56sdf85sdf6e8f5sd6f'.match(/d+(.d+)?/g); 
console.log(num4); //['123.55', '58', '56', '85', '6', '8', '5', '6']

通过上面的示例，可以看出JS将字符串中的所有数字(包括小数)都提取什么，并通过以数组的方式返回，方便我们进行对提现结果的处理。

上一篇： Pythonium —— 转换Python代码为JavaScript-例子

下一篇：连连看核心算法与基本思想（附全部项目代码链接与代码详细注释）

js提取字符串中数字的几种方法

js提取字符串中数字的方法

将 java 中的 List 字符串转换为 String 字符串的几种方法

如何用JS删除字符串中的多余空格：简单实用的方法

js去除字符串中的所有空格（包括前后，中间存在的所有空格），清除前后空格（手机输入框实用）,es6新方法

js字符串分割处理的几种方法(6种)

js中几种去掉字串左右空格的方法

js字符串转换为数字的三种方法。（转换函数）（强制类型转换）（利用js变量弱类型转换）

JavaScript中字符串转换为数字的方法

Javascript中字符串转数字-最简洁的字符串转数字方法