在JavaScript的RegExp中查找括号中的数字?

在javascript的regexp中查找括号中的数字?

在本教程中,我们学习如何使用JavaScript RegExp找到括号中的数字。数字(0-9)的ASCII值从48到57。我们在正则表达式中用[0-9]表示括号中的数字。要找到除所有数字之外的范围内的数字,我们可以写出特定的范围。例如,要找到4和8之间的数字,我们可以在正则表达式模式中写为[4-8]。现在,我们的目标是使用JavaScript中的RegExp在文本中找到括号内的数字。我们可以按照以下语法来找到括号中的数字。

Syntax

以下是RegExp组[0-9]字符的语法 –

new RegExp("[0-9]") or simply /[0-9]/ 

/[0-9]/, is introduced in ES1. It is fully supported by all browsers. Like, Chrome, IE, Safari, Opera, FireFox and Edge.

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

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

Syntax for /[0-9]/ with modifier like

new RegExp("[0-9]", "g") or simply /[0-9]/g

Algorithm

步骤 1 − 定义一个包含一些数字的字符串。STEP 2 − Define the RegExp pattern for digits between brackets.步骤 3 – 在上述定义的字符串上应用match(pattern)函数,以在字符串中查找括号之间的数字。第四步 – 显示结果- 匹配的数字。

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

Example 1

In the program below, we use string match(pattern) to find digits between 1 and 4 in the given string. We use RegExp pattern as /[1-4]/g. The string match() method returns an array of digits in the string.

   

Finding digits inside the bracket

Digits inside the bracket [1-4] :

let myStr = "0127845639Hello"; document.getElementById("text").innerHTML = myStr; let pattern = /[1-4]/g; let result = myStr.match(pattern); document.getElementById("result").innerHTML = result;

Here, text is given as 0-9 digits and Hello word. In the pattern, we have given [1-4] only. match() method will search digits from 1 to 4 only. If mentioned digits found in the text, match() method will return an array of existing digits otherwise it will return as null. Let’s see another example.

Example 2

In the program below, we take a string with no digits and try to find digits in the string. We use string match(pattern) to find digits between 1 and 4 in the given string. We use the RegExp pattern as /[1-4]/g. See what our output looks like.

   

Finding digits inside the bracket

let text = "567890"; let pattern = /[1-4]/g; let result = text.match(pattern); if(result == null){ document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets"; } else { ocument.getElementById("result").innerHTML = result; }

Here, we can observe in the pattern we have mentioned [1-4] but in the text we are given from 5-9 and 0. match() method will return as null because there are no findings. So, if the statement is executed. If input text is given as the first example, then match() will return an array of existing digits and another statement will be executed. Like,

Example 3

   

Finding digits inside the bracket

let text = "0127845639Hello"; let pattern = /[1-4]/g; let result = text.match(pattern); if(result == null){ document.getElementById("result").innerHTML = "Sorry, there is no digits in text that mentioned in the brackets"; } else { document.getElementById("result").innerHTML = "Digit(s) inside the inside the bracket: " + result; }

Now, We will check how to replace word character(s) in a given text. Let’s see an example

Example 4

在括号之间查找和替换数字

在下面的示例中,我们使用split()和join()方法找到并替换1和4之间的数字为空格字符。

   

Replace digits inside the bracket

After replacing the digits inside the bracket :

let text = "0127845639Hello"; let pattern = /[1-4]/g; let result = text.split(pattern).join(" "); document.getElementById("result").innerHTML = result;

Example 5

We will also check to replace the digits inside the bracket using a simpler way. Like,

   

Replace digits inside the bracket

After replacing the digits inside the bracket :

let text = "0127845639Hello"; let pattern = /[1-4]/g; let result = text.replace(pattern , " "); document.getElementById("result").innerHTML = result;

As we discussed, g for global matches. Instead of stopping with the first occurrence, it will look for all the occurrences.

Hope this tutorial will give knowledge on how to find digits inside the brackets using RegExp in JavaScript.

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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 21:18:22
下一篇 2025年12月21日 21:18:32

相关推荐

  • 使用JavaScript正则表达式查找非空格字符

    要查找非空白字符,请使用以下代码 − S Example You can try to run the following code to find non-whitespace character − JavaScript Regular Expression var myStr = “100% …

    2025年12月21日
    000
  • HTML中如何使用JavaScript

    在html中,可以在script标签中使用javascript,只需要在页面中添加“JavaScript代码”代码即可。script标签用于定义客户端脚本,该元素既可以包含脚本语句,也可以通过src属性指向 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G…

    2025年12月21日
    000
  • js如何修改html

    js修改html的方法:1、改变html元素图片的src属性;2、改变html元素id属性;3、改变html元素class属性。 本教程操作环境:windows7系统、html5版,DELL G3电脑。 js修改html的方法: 1、在test.html页面,创建一个button按钮,用于点击执行函…

    2025年12月21日 好文分享
    000
  • html里js怎么使用

    html里js的使用方法:1、在HTML中使用【】嵌入JavaScript,在使用【】包含外部文件时使用src属性;2、所有【】元素都应该放在页面的元素中。 本教程操作环境:windows7系统、html 4.01版,DELL G3电脑。 html里js的使用方法: 1、元素 在HTML中使用嵌入J…

    2025年12月21日
    000
  • 快速使用svg画出精美动画!

    经常在Codepen上看到大侠们用SVG画出不可思议的动画,我一直很好奇他们是怎么运作的,总觉得这需要对SVG有足够透彻的了解,并且自己画出那些SVG图案,才有办法让他动起来。 但其实不然,今天教大家一个简单的小技巧,让你快速实现一个svg动画! 打开Codepen,点击界面中的build按钮,就可…

    2025年12月21日 好文分享
    000
  • H5+JS实现页面加载动画

    本篇文章给大家介绍一下html5+javascript实现页面加载动画的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 (相关教程推荐:html教程 ) 1.使用定时器,每次都要等待。 2.根据页面加载是否完成,来判断加载动画是否退出。 document.onreadysta…

    2025年12月21日 好文分享
    000
  • html获取javascript变量值的方法有哪些

    html获取javascript变量值有如下三种方法: (免费学习视频分享:html视频教程) 方法一:嵌入到html句子中,当html元素使用 var df=newDate(); var year= df.getFullYear() ; document.write(“”+year+” J2EE开…

    2025年12月21日
    000
  • 一起了解script标签中的async和defer属性

    前端当然要从 HTML 开始,我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。 都明白的道理 我们都知道,浏览器解析 HTML 是一行一行按照顺序向后读取的,在传统的写法中,当浏览器读到 时,便会暂停解析 DOM,同时立即开始下载 中定义的资源,并在下载完成后立刻执行…

    2025年12月21日
    000
  • 网页开发中实用的11个文本输入和6个按钮操作特效

    文本输入特效 1.power-mode-input PowerModeInput 可以让你的文本输入框更引人注目。 地址:https://github.com/lindelof/power-mode-input 2.TextInputEffects 简单的样式和效果,可增强文本输入交互。 地址:ht…

    2025年12月21日 好文分享
    000
  • 了解一下HTML中的script标签

    稍微学习过一点网页编写的同学都知道,网页中的js代码应该写在 script 标签中,但是为什么要这么做呢?本文就介绍一下script标签。 script 标签 最初,网景公司想要在浏览器中展示使用js的html文件,但是又不想影响这个文件在其他浏览器中的显示效果,于是创造了 script 标签 我们…

    2025年12月21日
    000
  • 学会html能做什么工作

    很多朋友发现自己学了html之后不知道自己能够做什么,未来能从事什么工作,实际上这也是很正常的事情,很多朋友在学过html之后都会有这样的困惑,下面我将和大家一起谈谈。 在经过一系列的演变之后,HTML逐渐开始向商业智能、贸易、游戏、娱乐以及移动互联网等不同领域多样化地发展。因此你学习HTML可以从…

    2025年12月21日
    000
  • head标签中有什么属性?

    本篇文章给大家带来的内容是关于head标签中有什么属性?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 head 标签里有什么? 每一个 html 文档中,都有一个不可或缺的标签:  ,它作为一个容器,主要包含了用于描述 html 文档自身信息(元数据)的标签,这些标签一般不会在页面…

    好文分享 2025年12月21日
    000
  • HTML标签伪元素绑定事件的三种方式

    本篇文章给大家带来的内容是关于html标签伪元素绑定事件的三种方式,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近项目中遇到点击一个图标执行某些操作的功能,本来很简单就能实现,但图标却是 ::after 伪元素实现的,在印象中好像不能直接对伪元素进行 dom 操作,可项目中有所…

    2025年12月21日
    000
  • http协议发展过程一览

    本篇文章给大家带来的内容是关于http协议一览,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 这里我只是对一些知识进行简单的整理,方便自己理解记忆,还有很多不完善的地方,更多细节,需要查看书籍或者其他文章 http协议的发展过程 HTTP 是基于 TCP/IP 协议的应用层协议。它…

    2025年12月21日 好文分享
    000
  • 页面性能优化的方法总结

    本篇文章给大家带来的内容是关于页面性能优化的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 互联网有一项著名的8秒原则。用户在访问web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间…

    2025年12月21日 好文分享
    000
  • 你知道原生HTML组件是什么吗?原生HTML组件的介绍

    本篇文章给大家带来的内容是关于你知道原生html组件是什么吗?原生html组件的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 嘿!看看这几年啊,Web 前端的发展可是真快啊! 想想几年前,HTML 是前端开发者的基本技能,通过各式各样的标签就可以搭建一个可用的网站,基本交互也…

    2025年12月21日 好文分享
    000
  • Web应用中富交互的撤销与前进操作的实现方法介绍(代码)

    本篇文章给大家带来的内容是关于web应用中富交互的撤销与前进操作的实现方法介绍(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在web应用中,用户在进行一些富交互行为的操作时难免会出现误操作,比如在富文本编辑器设置错了字体颜色就需要撤回,做H5活动页面的时候不小心删了一个图…

    2025年12月21日
    000
  • 如何选择Web前端模板引擎(推荐)

    本篇文章给大家带来的内容是关于如何选择web前端模板引擎(推荐),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 模板引擎负责组装数据,以另外一种形式或外观展现数据。 浏览器中的页面是 Web 模板引擎最终的展现。 无论你是否直接使用模板引擎,Web 模板一直都在,不在前端就在后端,…

    2025年12月21日
    000
  • 如何实现网页版别踩白块的游戏 (代码示例)

    本篇文章给大家带来的内容是如何使用如何实现网页版别踩白块的游戏 (代码示例) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 自己最近一直想做个小项目,但是自己代码水平太烂了,做不了大系统,索性利用毕生所学写个小游戏,哈哈哈别踩白块这个游戏相信很多人都在手机上玩过,今天我们就来做一…

    2025年12月21日
    000
  • 图片懒加载是什么意思?图片懒加载的实现方法

    本篇文章给大家带来的内容是关于图片懒加载是什么意思?图片懒加载的实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 所谓懒加载,是为了提高网页的打开的速度,获得更好用户体验的一种手段。其选择的重要的部分先加载,次要的部分需要的时候再加载。比如一个电商网站,首屏通常有很多的数据,…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信