使用JavaScript RegExp查找数字

使用javascript regexp查找数字

在本教程中,我们将了解如何使用 JavaScript RegExp 查找数字 (0-9)。数字 [0-9] 的 ASCII 值从 48 到 57 开始。如果要打印某个数字的任何 ASCII 值,需要在该数字上添加 48。

我们在正则表达式中将数字表示为 d。 RegExp 是一个对象,它指定用于对字符串执行搜索和替换操作或输入验证的模式。

语法

以下是数字或 d 字符的正则表达式模式的语法 –

new RegExp("d") or simply /d/ 

/d/ 是在 ES1 中引入的。所有浏览器都完全支持它。比如Chrome、IE、Safari、Opera、Firefox 和 Edge。

RegExp 具有诸如 g、i、m 之类的修饰符。 “g”用于执行全局匹配,“i”用于执行不区分大小写的匹配,“m”用于执行多行匹配。

立即学习“Java免费学习笔记(深入)”;

语法

The syntax for d with a modifier like,

new RegExp("d", "g") or simply /d/g

算法

第 1 步 – 定义一个包含一些数字的字符串。第 2 步 – 定义数字的 RegExp 模式。第 3 步 – 对上面定义的字符串应用 match(pattern) 以查找字符串中的数字。第 4 步 – 显示结果 – 数字。

让我们看一些程序示例,以便更清楚地理解。

示例 1

在下面的程序中,我们使用字符串匹配(模式)来查找给定字符串中的数字(d)。我们使用 RegExp 模式作为 /d/g。 string match() 方法返回字符串中的数字数组。

   

RegExp digit finding

Digit(s):

let text = "200 students are passed out 250 in the class."; document.getElementById("text").innerHTML = text; let pattern = /d/g; let result = text.match(pattern); document.getElementById("result").innerHTML = result;

这里,如果给定文本中存在数字,则 match() 方法将返回数字数组,否则将返回 null。让我们看另一个例子。

示例 2

在下面的程序中,我们获取一个没有数字的字符串,并尝试在该字符串中查找数字。我们使用字符串匹配(模式)来查找给定字符串中的数字(d)。我们使用 RegExp 模式作为 /d/g。看看我们的输出是什么样的。

   

Finding digits using RegExp

let text = "All students are qualified for the test"; let pattern = /d/g; let result = text.match(pattern); if(result == null){ document.getElementById("result").innerHTML = "No digits found in the text."; } else { document.getElementById("result").innerHTML = result; }

示例 3

在下面的程序中,我们搜索 2 到 7 之间的数字。为此,我们使用 /[2-7]/g 作为正则表达式模式。

   

RegExp digit finding

Digit(s):

let myStr = "200 students are passed out 250 in the class."; document.getElementById("text").innerHTML = myStr; let pattern = /[2-7]/g; let result = myStr.match(pattern); document.getElementById("result").innerHTML = result;

我们可以使用一些方法来替换数字字符。让我们看下面的例子

示例 4

查找和替换数字

在下面的示例中,我们查找数字并将其替换为空格字符。为此,我们使用 split() 和 join() 方法。

   

Replace digit character(s)

After replacing the digit character(s):

let myStr = "200 students are passed out 250 in the class."; document.getElementById("text").innerHTML = myStr; let pattern = /d/g; let result = myStr.split(/d/g).join(" ") document.getElementById("result").innerHTML = result;

示例 5

我们还将检查以更简单的方式替换数字字符。就像,

   

Replace digit character

After replacing the digit character(s):

let myStr = "200 students are passed out 250 in the class."; document.getElementById("text").innerHTML = myStr; let pattern = /d/g; let result = myStr.replace(/d/g , " ") document.getElementById("result").innerHTML = result;

正如我们所讨论的,g 代表全局匹配。它不会在第一次出现时停止,而是查找所有出现的情况。

在这里,我们可以在文本中观察到没有数字。因此,match() 将返回 null。希望本教程能够澄清如何在给定文本中查找数字。

以上就是使用JavaScript RegExp查找数字的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1551582.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 21:53:11
下一篇 2025年12月21日 21:53:27

相关推荐

  • 在HTML中,当页面卸载时执行脚本?

    unloaded 属性在网页卸载时触发。您可以尝试运行以下代码来实现 HTML 中的 unloaded 属性 – 示例 Tutorialspoint Simply Easy learning function display() { alert(“Bye!”); } 以上就是在HTML中…

    好文分享 2025年12月21日
    000
  • 创建自定义标签以扩展 HTML 功能

    在本教程中,我将向您展示使用自定义标签扩展 html 语言是多么容易。自定义标签可用于实现各种行为,因此它们是编写更少代码并使 html 文档更简单的非常方便的方法。 要进一步了解自定义标签,请查看我关于使用 Shadow DOM 创建封装的自定义标签的文章。 什么是自定义 HTML 标记? 例如,…

    2025年12月21日
    000
  • 如何使用HTML创建参考文献?

    参考书目是有关某个主题的书面信息来源的列表。我们在 HTML 中使用 标签来创建参考书目部分。 标签定义某个主题的作品。 标签还用于添加作品标题,例如歌曲、绘画、电影等。它表示引用,标签内的任何内容都代表作品标题。 标记之间的文本以斜体格式呈现。 我们使用 标签列出项目,使用 标签添加主题标题。 立…

    2025年12月21日
    000
  • 在HTML中设置有序列表的起始值?

    使用start属性来设置HTML中有序列表的起始值,即: 在上面添加您想要开始的位置的值。 示例 您可以尝试运行以下代码来实现start属性 – HTML ol Tag Programming Languages Rank Usage:立即学习“前端免费学习笔记(深入)”; Java C…

    2025年12月21日
    000
  • JavaScript中的availHeight属性是什么意思?

    使用screen.availHeight属性来返回用户屏幕的宽度。结果将以像素表示,并且不包括任务栏功能。 示例 您可以尝试运行以下代码来了解如何在JavaScript中使用screen.availHeight属性: 演示 document.write(“Height of the screen: …

    2025年12月21日
    000
  • 我们如何在HTML中添加一个无框架(noframe)部分?

    使用 标签添加 noframe 部分。 HTML 标签用于处理不支持 标签的浏览器。此标记用于显示备用文本消息。 示例 HTML noframes Tag Your browser does not support frames. 以上就是我们如何在HTML中添加一个无框架(noframe)部分?的…

    好文分享 2025年12月21日
    000
  • 在HTML5画布元素上绘制的图像的颜色改变

    为了更改 HTML5 Canvas 元素上绘制的图像的颜色,您可以尝试运行以下代码。使用drawImage()方法 – function display(img1, red, gr, bl) { //func to change color of image var canvas1 = …

    2025年12月21日
    000
  • 当HTML中的媒体数据加载时执行脚本吗?

    使用 onloaddata 事件在加载媒体数据时执行脚本。您可以尝试运行以下代码来实现 onloaddata 事件 – 示例 以下代码在视频加载时生成一个警报框 – Your browser does not support the video element. functi…

    2025年12月21日
    000
  • 全局RegExp属性在JavaScript中的作用是什么?

    全局属性是 RegExp 对象的只读布尔属性。它指定特定的正则表达式是否执行全局匹配,即是否使用“g”属性创建。 示例 您可以尝试运行以下代码来了解如何使用全局 RegExp 属性。 JavaScript RegExp global Property var re = new RegExp( “st…

    2025年12月21日
    000
  • 我们能通过脚本删除HTML5 Canvas标签的“getContext”属性吗?

    HTML5规范中没有说明,脚本删除getContext属性是有效的。 我们可以编写一段代码,删除HTMLCanvasElement的getContext属性,然后在单独的语句中删除我们将其设为未定义。 Delete window.HTMLCanvasElement.prototype.getCont…

    2025年12月21日
    000
  • 如何使用HTML和CSS创建动画条形图?

    概述 动画栏是使用 HTML 和 CSS 创建的图形动画栏。动画栏的布局是使用 HTML 创建的,栏的样式是使用 CSS 制作的。普通的条形图可以正常创建,但我们必须创建带有动画的条形图,因此我们将使用 CSS 过渡动画属性来使其具有动画效果。我们将构建一个与音乐动画条同步器相同的动画条。 算法 第…

    2025年12月21日
    000
  • 当浏览器开始离线工作时,在HTML中执行脚本?

    当网络浏览器开始离线工作时,onoffline 属性就会触发。您可以尝试运行以下代码来实现onoffline 属性 – 示例 function onlineFunc() { alert (“Working online!”); } function offlineFunc() { ale…

    2025年12月21日
    000
  • 如何在HTML文本框中添加换行符?

    要向 HTML 文本区域添加换行符,我们可以使用 HTML 换行符标签在任意位置插入换行符。或者,我们也可以使用 CSS 属性“white-space: pre-wrap”自动为文本添加换行符。当在文本区域中显示预先格式化的文本时,这特别有用。因此,我们来讨论一下添加换行符的方法。 方法 在 HTM…

    2025年12月21日
    000
  • 如何避免使用标签时产生换行?

    使用标签时,浏览器通常将容器内的项目放置在下一行。例如,程序员需要将标题放在一行中以创建导航组件。我们可以使用 inline、inline-block、flex-box 属性等来避免标签出现新行。 本文将解释如何通过 inline 属性、flex-box 属性等方法避免带有标签的换行。 使用内联属性…

    2025年12月21日
    000
  • 如何使用HTML和CSS创建定价表?

    我们可以只使用HTML和CSS来创建一个基本的定价表。定价表可以是在涉及商品购买的不同网站中实现的一个有用的功能,例如电子商务网站应用程序或旅行网站。让我们通过下面的示例来学习如何创建这样的表格 – 示例 我们将首先在以下index.html文件中创建一个HTML表格的布局,然后再添加样…

    2025年12月21日
    000
  • 在HTML中,不使用JS阻止图像可拖动或可选择的方法

    将以下代码片段添加到图像属性中,并防止图像被拖动和选择。 img { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms…

    2025年12月21日
    000
  • 如何在JavaScript中将字符串转换为布尔值?

    您可以尝试运行以下命令来了解如何在 JavaScript 中将字符串转换为布尔值。 示例 实时演示 Convert String to Boolean var myString = “Amit”; document.write(“Boolean : ” + Boolean(myString)); 以…

    2025年12月21日
    000
  • 在JavaScript中,如何将”如何将数字转换为字符串?”翻译成中文

    使用 JavaScript 中的 String() 方法转换为字符串。您可以尝试运行以下命令来了解如何在 JavaScript 中将 [ ] 转换为字符串。 示例 实时演示 Convert [] to String var myVal = []; document.write(“String: ” …

    2025年12月21日
    000
  • 使用HTML和CSS创建霓虹文字显示

    如今,在网页上创建霓虹灯文本已成为一种使其更具吸引力的趋势。我们可以在网页上创建霓虹灯文字,以产生引人注目的效果,吸引用户对网页包含的重要信息的注意力。 我们可以使用带有徽标、标题、广告等的霓虹灯文本来突出显示它们。在本教程中,我们将自定义 text-shadow CSS 属性的值来创建霓虹灯文本。…

    2025年12月21日
    000
  • 设置HTML中图标的大小

    在本文中,我们将讨论如何在 HTML 中设置图标的大小。 图标是代表网页上特定操作的符号。 图标字体包含符号和字形。有几个图标库(字体)提供图标并可以在 HTML 网页上使用。 网络开发人员经常使用的突出图标字体是 Font Awesome、Bootstrap Glyphicons 和 Google…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信