前端 JavaScript 字符串中提取数字

createh51个月前 (02-01)技术教程9
Bash
var str ="4500元";

var num = parseInt(str);

alert(num);//4500

如果字符串前面有非数字字符,上面这种方法就不行了:

Bash
var str ="价格:4500元";

var num = parseInt(str);

alert(num);//NaN

这个例子中会弹出 NaN,解决这个问题,最简单的方法是:如果知道字符串格式后,去掉前面的非字符。上面这个例子中,去掉子串” 价格:”

Bash
var str ="价格:4500元";

var num = parseInt(str.substring(1).substring(1).substring(1));
or
var num = parseInt(str.slice(3));

alert(num);//4500

显然,这样就显得比较麻烦了。另外,java 语言中也有 parseInt() 方法,里面传的字符串中只要有非数字,myeclipse 就会提示错误。Js 中的 parseInt() 方法传的可以有非数字字符串,只要字符串前面就照样运行,知道遇到非数字字符停下来。比如,以下这个例子。

Bash
var str ="4500元,等级:2";

var num = parseInt(str);

alert(num);//4500

关于 parseInt() 方法,还可以有第二个参数。第二个参数表示第一个参数的进制,看个例子:

Bash
parseInt("11", 2); // 结果:3  如果想把一个二进制数字字符串转换成整数值,只要把第二个参数设置为 2 就可以了。

后一个参数不写,默认按 10 进制转换。

问:parse 函数是干嘛的?

进程之间传递的都是字符串(文本类型),而使用时要转换成需要的类型。parse 函数是把字符串转换成我们需要的类型,比如 parseInt(),$.parseHTML()。

方法二 正则

正则处理起来就比较简单了,替换掉非数字的字符就可以了。例子:

Bash
var s ="价格4500元";

var num= s.replace(/[^0-9]/ig,"");

alert(num);//4500

如果遇到字符夹带数字的情况:

Bash
var s ="价格4500元,等级:2";

var num = s.replace(/[^0-9]/ig,"");
alert(num);//45002

var num2 = s.match(/[0-9]+/i,'');
alert(num2)//4500

相关文章

截取字符串——Substring用法(substring截取字符串数据库)

string类提供了一个Substring方法,可以截取字符串中指定位置和指定长度的字符。详细讲解:namespace ConsoleApplication2 { class Program...

汉字转拼音Chinese to Pinyin(汉字转拼音大写在线翻译)

从网上找的资料,记得以前在C#中曾经用过这类资料,保存下来以后再进一步测试和应用。一、引入maven依赖 com.belerweb pinyin4j 2.5.0 二、工具类Pinyi...

MySql字符串拆分实现split功能(字段分割转列、转行)

字符串转多行字符串拆分: SUBSTRING_INDEX(str, delim, count)替换函数:replace( str, from_str, to_str)获取字符串长度:LENGTH( s...

【Java深度干货】如何高效构造字符串(String)?

字符串在 Java 中是不可变的,无论构造,还是截取,得到的总是一个新字符串。下面看一下构造一个字符串(String)的源码:private final char value[]; public St...

Java往oracle存clob类型的值时,字符长度过长怎么办?

业务场景将照片转为数字长串后,由于字符过长,java往数据库中直接存为clob字段时,oracle会报ORA-01704问题:字符串文字过长。这是因为一般对含有CLOB字段的数据操作。如果CLOB字段...

Java代码审计之SpEL表达式注入(spring的setter注入)

SpEL 表达式注入Spring Expression Language(简称 SpEL)是一种功能强大的表达式语言、用于在运行时查询和操作对象图;语法上类似于 Unified EL,但提供了更多的特...