js进阶js中支持正则的四个常用字符串函数(search march replace split)

时间:2023-03-08 16:00:32
js进阶js中支持正则的四个常用字符串函数(search march replace split)

js进阶js中支持正则的四个常用字符串函数(search march replace split)

一、总结

代码中详细四个函数的用法

search march replace split

二、js进阶js中支持正则的四个常用字符串函数

正则表达式

RegExp 对象表示正则表达式,它是对字符串执行模式匹配的强大工具。

正则表达式简洁且功能强大,通常用来匹配字符串,比如在表单验证中检验用户输入是否合法。它并不仅仅在JavaScript中可以使用,众多的高级编程语言都支持正则表达式。

接下来我们通过一个简单是实例来体会正则表达式的用法。

准备工作

复习学过的字符串常用操作方法
  • search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

    该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。

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

    该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

  • replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
  • split() 方法用于把一个字符串分割成字符串数组。

三、代码

 <!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>课堂演示</title>
</head>
<body>
<script type="text/javascript">
var str="HTML5 javascript CSS JOSN";
document.write('<li>'+str.search('j')+'<br>' //返回的是位置
+'<li>'+str.search('k')+'<br>' //找不到会返回-1
+'<li>'+str.match('CSS')+'<br>' //返回的是值不是位置
+'<li>'+str.match('VVV')+'<br>' //没有会返回null
+'<li>'+str.replace('javascript','JS')
//返回替换后的字符串
+'<li>'+str.split(" ",3) //以空格分隔,第二个参数是返回数组中的元素的个数
)
</script>
</body>
</html>