javascript正则表达式--我的理解

最新推荐文章于 2025-03-13 16:17:25 发布

原创最新推荐文章于 2025-03-13 16:17:25 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript中正则表达式的使用方法，包括基本的修饰符、创建正则对象的方式以及通过实例演示如何进行字符串匹配与替换。此外，还提供了一个简单的邮政编码验证示例。

今天刚接触javascript，为了让自己以后看起来方便一点，做了一些自己的理解：首先看一个例子：
正则表达式修饰符
g：全文
i ：忽略大小写
m:多行查找

//将字符串中第一个0 换为0
<script>
    var str;
    str="1000110";
    str=str.replace(/0/,"1");
    alert(str);
  </script>

<script>//全局替换0为1
    var str;
    str="1000110";
    str=str.replace(/0/g,"1");
    alert(str);
  </script>

通过函数RegExp来创建正则对象

//通过RegExp()构建函数来构建RegExp对象
<html>
<head>
<script type="text/javascript">
var patt1=new RegExp("e$");//判断是否以e结尾
    var Str="The best things in life are free";
    alert(patt1.test(Str));
</script>
    </head>
<body>
</body>
</html>

还有一种通过一种特殊的直接量语法来创建与上边等价

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
    var patt1=/e$/
    var Str="The best things in life are free";
    alert(patt1.test(Str));
</script>
    </head>
<body>
</body>
</html>

\转意字符，有两种解释
- 就是\后边的字符不是按照原来的意思（/\n/匹配一个换行符）
- 解释或对正则表达式中功能字符的（\匹配\字符）
正则表达式模式如下表

这里写图片描述
例如，下边简单测试一下
邮政编码（6位数字）

<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>

<body>

<form name="myform"action=#> 
    <input type="text" name="myText" id="my">
    <input type="button" onclick="return checkall()" value="提交">
</form>
    <div><label id="emp_pass_tip"style="color:red"></label></div>
</body>
</html>
<script language="JavaScript">
    function checkall(){
        var checkText=document.myform.myText.value;
        var myRegExp=/^[0-9]{6}$/;
        if(!(myRegExp.test(checkText))){
           document.getElementById("emp_pass_tip").innerHTML="邮政编码6位数";
            return false;
        }
    }
 </script>