JavaScript 使用正则表达式从字符串提取纯数字
本文介绍如何在 JavaScript 中通过正则表达式从包含非数字字符的字符串中提取纯数字。核心思路是利用 replace 方法配合忽略大小写的非数字字符匹配模式,将非数字部分替换为空字符串,从而保留并输出目标数值。
JavaScript 提取数字的核心逻辑
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>js实现在字符串中提取数字</title> <script language="javascript" type="text/javascript"> function getNum(text){ var value = text.replace(/[^0-9]/ig,""); alert(value); } </script> </head>
HTML 交互界面实现
在页面主体部分,创建一个文本输入框,其 ID 属性设置为 btn_getNum,用于用户输入包含数字的字符串。同时,添加一个按钮控件,显示文本为“得到数字”。当用户点击该按钮时,触发 onclick 事件,调用前文定义的 getNum 函数,并将文本输入框中的当前值作为参数传入,以执行数字提取操作。
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
