JavaScript 使用正则表达式从字符串提取纯数字

作者:拾光时间:2026-10-27 16:27:02浏览:596

本文介绍如何在 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 函数,并将文本输入框中的当前值作为参数传入,以执行数字提取操作。

作者最新文章