iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >javascript中如何使用正则
  • 493
分享到

javascript中如何使用正则

2024-04-02 19:04:59 493人浏览 薄情痞子
摘要

这篇文章给大家分享的是有关javascript中如何使用正则的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 javascript中的正则方法:1、ex

这篇文章给大家分享的是有关javascript中如何使用正则的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

javascript中的正则方法:1、exec(),用于检索字符串中的正则表达式的匹配;2、test(),用于检测一个字符串是否匹配指定正则表达式;3、toString();4、replace();5、match();6、search()。

教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

什么是正则

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具

RegExp 对象方法

方法描述
compile在 1.5 版本中已废弃。 编译正则表达式。
exec检索字符串中指定的值。返回找到的值,并确定其位置。
test检索字符串中指定的值。返回 true 或 false。
toString返回正则表达式的字符串。

支持正则表达式的 String 对象的方法

方法描述FFIE
search检索与正则表达式相匹配的值。14
match找到一个或多个正则表达式的匹配。14
replace替换与正则表达式匹配的子串。14
split把字符串分割为字符串数组14

JavaScript exec() 方法

exec() 方法用于检索字符串中的正则表达式的匹配。

如果字符串中有匹配的值返回该匹配值,否则返回 null。

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.exec(str);
document.write("返回值: " +  result); 
//查找 "PHP"
patt=/php/g;
result=patt.exec(str);
document.write("<br>返回值: " +  result);

javascript中如何使用正则

JavaScript test() 方法

test() 方法用于检测一个字符串是否匹配某个模式。

如果字符串中有匹配的值返回 true ,否则返回 false。

var str="Hello world!";
//查找"Hello"
var patt=/Hello/g;
var result=patt.test(str);
document.write("返回值: " +  result); 
//查找 "php"
patt=/php/g;
result=patt.test(str);
document.write("<br>返回值: " +  result);

javascript中如何使用正则

JavaScript RegExp toString() 方法

toString() 方法返回正则表达式的字符串值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>点击按钮返回正则表达式的字符串值。</p>

<button onclick="myFunction()">点我</button>
	
<p id="demo"></p>
	
<script>
function myFunction() {
    var patt = new RegExp("编程网", "g");
    var res = patt.toString();
    document.getElementById("demo").innerHTML = res;
}
</script>

</body>
</html>

javascript中如何使用正则

JavaScript replace() 方法

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>单击按钮将段落中的“blue”替换成“red”。</p>
<p id="demo">Mr Blue has a blue house and a blue car.</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str=document.getElementById("demo").innerHTML; 
	var n=str.replace(/blue/gi,"red");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

javascript中如何使用正则

JavaScript match() 方法

match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击按钮显示matches</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="The rain in SPAIN stays mainly in the plain"; 
	var n=str.match(/ain/g);
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

javascript中如何使用正则

JavaScript search() 方法

search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

如果没有找到任何匹配的子串,则返回 -1。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p id="demo">单击显示查找的位置</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var str="Mr. Blue has a blue house"
	var n=str.search("blue");
	document.getElementById("demo").innerHTML=n;
}
</script>

</body>
</html>

javascript中如何使用正则

感谢各位的阅读!关于“javascript中如何使用正则”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: javascript中如何使用正则

本文链接: https://www.lsjlt.com/news/88176.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript中如何使用正则
    这篇文章给大家分享的是有关javascript中如何使用正则的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 javascript中的正则方法:1、ex...
    99+
    2024-04-02
  • 如何在JavaScript中使用正则exec方法
    这篇文章将为大家详细讲解有关如何在JavaScript中使用正则exec方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户...
    99+
    2023-06-14
  • JavaScript如何使用正则表达式
    正则表达式是一种用来匹配字符串的模式,可以用于验证、搜索、替换字符串等。JavaScript内置支持正则表达式,本篇文章将介绍JavaScript如何使用正则表达式。正则表达式比较复杂,如果您初次接触它,可能会感到困惑。但是只要您理解了基本...
    99+
    2023-05-14
  • JavaScript中如何使用正则实现数组扁平化
    这篇文章给大家分享的是有关JavaScript中如何使用正则实现数组扁平化的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。数组扁平化是指将一个多维数组变为一个一维数组const&n...
    99+
    2024-04-02
  • 如何使用php正则
    本篇内容介绍了“如何使用php正则”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php正则的用法:1、创建一个PHP示例文件;2、定义一个数...
    99+
    2023-06-25
  • oracle中如何使用正则函数
    oracle中如何使用正则函数,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。使用这些函数可以在字符串中搜索字符模式。例如,假设...
    99+
    2024-04-02
  • PHP中如何使用正则函数
    PHP中如何使用正则函数,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。PHP正则表达式的定义: 用于描述字符排列和匹配模式的一种语法规则。它主要用于字符串的模式...
    99+
    2023-06-17
  • MySQL中正则表达式如何使用
    这篇“MySQL中正则表达式如何使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“MySQL中正则表达式如何使用”文章吧。前...
    99+
    2023-07-02
  • PHP中正则表达式如何使用
    本篇文章为大家展示了PHP中正则表达式如何使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。PHP正则表达式的定义:用于描述字符排列和匹配模式的一种语法规则。它主要用于字符串的模式分割、匹配、查找及...
    99+
    2023-06-17
  • MySQL中如何使用正则表达式
    这篇文章将为大家详细讲解有关MySQL中如何使用正则表达式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。1、简介MySQL中支持正则表达式匹配,在复杂的过滤条件中,可以考虑使用正则表达式。使...
    99+
    2023-06-25
  • VB中如何使用正则表达式
    在VB中使用正则表达式,可以通过引用System.Text.RegularExpressions命名空间来实现。以下是一个简单的示例...
    99+
    2024-04-03
    VB
  • grep中如何使用正则表达式
    这篇文章给大家分享的是有关grep中如何使用正则表达式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。grep是Linux中用于处理文件的工具之一。grep搜索输入文件,查找与正则表达式匹配的行,并将每个匹配的行标...
    99+
    2023-06-28
  • VBS中如何使用正则表达式
    这篇文章主要介绍VBS中如何使用正则表达式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!使用正则表达式在典型的搜索和替换操作中,必须提供要查找的确切文字。这种技术对于静态文本中的简单搜索和替换任务可能足够了,但是由于...
    99+
    2023-06-09
  • Linux中正则表达式如何使用
    这篇文章将为大家详细讲解有关Linux中正则表达式如何使用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Linux之正则表达式  正则表达式与通配符的区别:最常应用正则表达式的命令是grep(e...
    99+
    2023-06-16
  • sql中如何使用正则表达式
    sql中使用正则表达式可通过regexp_like()函数,使用posix语法匹配字符串。常用字符包括锚点字符、字符类和量词。正则表达式可用于在select、where和其他语...
    99+
    2024-05-02
  • C#中如何使用正则表达式
    C#中如何使用正则表达式,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。***个:验证输入的字符串是否为数字/// <summary>  ...
    99+
    2023-06-17
  • Flex中如何使用正则表达式
    本篇文章给大家分享的是有关Flex中如何使用正则表达式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。Flex正则表达式引言Flex正则表达式(regularexpression...
    99+
    2023-06-17
  • JavaScript中如何使用正则表达式实现数组扁平化
    这篇文章主要介绍了JavaScript中如何使用正则表达式实现数组扁平化,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。数组扁平化是指将一个多...
    99+
    2024-04-02
  • 如何在MySQL中使用正则表达式
    在MySQL中,可以使用正则表达式来对字符串进行匹配和筛选。以下是使用正则表达式的一些常见语法: 使用REGEXP关键字进行匹配:...
    99+
    2024-04-09
    MySQL
  • javascript如何实现正则替换
    本篇内容主要讲解“javascript如何实现正则替换”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript如何实现正则替换”吧! ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作