首页 > 编程语言 >javascript的正则表达式

javascript的正则表达式

时间:2023-02-03 16:12:50浏览次数:55  
标签:search 正则表达式 javascript var 搜索 str 字符串

什么是正则表达式?

正则表达式是构成搜索模式(search pattern)的字符序列。

当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。

正则表达式可以是单字符,或者更复杂的模式。

正则表达式可用于执行所有类型的文本搜索和文本替换操作。

 

语法:

  /正则表达式主体/修饰符(可选) 

实例:let aaa = /hello/i

/hello/i 是一个正则表达式。

hello 是主体(在搜索中使用)。

i 是修饰符(把搜索修改为大小写不敏感)。

 

使用字符串方法

在 JavaScript 中,正则表达式常用于两个字符串方法:search() 和 replace()

search() 方法使用表达式来搜索匹配,然后返回匹配的位置。

replace() 方法返回模式被替换处修改后的字符串。

 

使用字符串方法 search() 来处理字符串

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 字符串方法</h1>

<p></p>

<p id="demo"></p>

<script>
var str = "Visit W3School!"; 
var n = str.search("W3School");
document.getElementById("demo").innerHTML = n;//6
</script>

</body>
</html>

 

在字符串方法 search() 中使用正则表达式

使用正则表达式执行搜索字符串中 "w3school" 的大小写不敏感的搜索:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 正则表达式</h1>

<p></p>

<p id="demo"></p>

<script>
var str = "Visit W3School!"; 
var n = str.search(/w3School/i);
document.getElementById("demo").innerHTML = n;//6
</script>

</body>
</html>

在字符串方法 replace() 中使用正则表达式

使用大小写不明的正则表达式以 apple 来替换字符串中的 Microsoft:

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 正则表达式</h1>

<p></p>

<button onclick="myFunction()">试一试</button>

<p id="demo">Please visit Microsoft and Microsoft!</p>

<script>
function myFunction() {
  var str = document.getElementById("demo").innerHTML; 
  var txt = str.replace(/microsoft/i,"Applel");
  document.getElementById("demo").innerHTML = txt;//Please visit Apple  and Apple!
} </script> </body> </html>

 

正则表达式修饰符

修饰符可用于大小写不敏感的更全局的搜素:

修饰符 描述
i 不区分大小写
g 全局匹配(在查询到第一个后不会停止)
m 执行多行查询

正则表达式模式

括号用于查找一定范围的字符串:

表达式 描述
[abc] 查找方括号之间的任何字符。
[0-9] 查找任何从 0 至 9 的数字。
(x|y) 查找由 | 分隔的任何选项。

 

元字符(Metacharacter)是拥有特殊含义的字符:

元字符 描述
\d 查找数字
\s 查找空白字符
\b 匹配单词边界

Quantifiers 定义量词:

量词 描述
n+ 匹配任何包含至少一个 n 的字符串。
n* 匹配任何包含零个或多个 n 的字符串。
n? 匹配任何包含零个或一个 n 的字符串。

 

标签:search,正则表达式,javascript,var,搜索,str,字符串
From: https://www.cnblogs.com/user-zbb/p/17086945.html

相关文章