正则表达式常见用例

正则表达式常见用例

大家好,又见面了,我是全栈君。

正则表达式是用于匹配字符串中字符组合的模式。在js中,正则表达式也是对象,这些对象被用于RegExp的exec和test方法,以及String的match、replace、search和split方法
可以使用2种方法之一构建一个正则表达式
(1)正则表达式字面量   /pattern/flags   flags:修饰符   const regex = /ab+c/;
(2)调用RegExp对象的构造函数 new RegExp(pattern [, flags])   let regex = new RegExp(“ab+c”);

例1

var str = “Hi, do you 1234 your abc?”;
stringObject.replace(regexp/substr,replacement)
返回值:一个新的字符串 
var str1 = str.replace(/abc/,”123″);
alert(str1);//”Hi, do you know your 123?”
var str1 = str.replace(/\d+/,”asde”); //str1 = “Hi, do you asde your abc?”;

 

例2、

(1)验证输入框的数值,只能输入1-10的数字(验证输入框的值是不是/^([1-9]|10)$/)

function test(){

       var text = document.getElementById(“text”).value;
       if(/^([1-9]|10)$/.test(text)){

            alert(“ok”)
           }else{

           alert(“no”)
             }
       }

(2)验证输入框的值是否全为数字

    function test() {

        var text = document.getElementById(“text”).value;
        if (/^[1-9]+$/.test(text)) {

            // 验证的时候/^[1-9]+$/不能写成/^[1-9]$/g,在文本替换的时候可以写成/^[1-9]$/g
            alert(“ok”)
        } else {

            alert(“no”)
        }
    }

(3)替换输入框中的数字为空

   function test() {

        var text = document.getElementById(“text”).value;
       下面两种方法都行

        document.getElementById(“text”).value = text.replace(/[1-9]/g,””);

        document.getElementById(“text”).value = text.replace(/[1-9]+/,””);

    }

 例3、

 var str = “foobar”;
 var str1 = str.replace(/(foo)(bar)/,’$2 $1′);
 alert(str1);//bar foo

例4、 

var str = “foo bar foo bar  aaaaa”;
var str1 = str.replace(/(foo) (bar) \1 \2/,’lily’);
alert(str1);//lily aaaaa

例5、 a{n}匹配了前面一个字符刚好发生了n次。 

var str = “caaandy”;
var str1 = str.replace(/a{2}/,’ll’);
alert(str1);//cllandy

 例6、

a{n,m}n 和 m 都是整数。匹配前面的字符至少n次,最多m次。如果 n 或者 m 的值是              0, 这个值被忽略。

var str = “caaandy”;
var str1 = str.replace(/a{1,2}/,’kk’);
alert(str1);//ckkandy

 

例7、

[xyz]一个字符集合。匹配方括号的中任意字符,包括转义序列。你可以使用破折号(-)来指定一个字符范围。对于点(.)和星号(*)这样的特殊符号在一个字符集中没有特殊的意义。他们不必进行转义,不过转义也是起作用的。

var str = “abcde”;
var str1 = str.replace(/[abc]/,”);
alert(str1);//bcde,在找到符合条件的匹配后不再进行匹配,如匹配a后,不再继续匹配,除非                          加上修饰符g
var str1 = str.replace(/[abc]/g,”);
alert(str1);//de

 

例8、

 [^xyz]一个反向字符集合。它匹配任何没有包含在方括号中的字符。你可以使用破折号            (-)来指定一个字符范围。任何普通字符在这里都是起作用的。

var str = “abcde”;
var str1 = str.replace(/[^abc]/,”);//[^abc]也可写成[^a-c]
alert(str1);//abce,在找到符合条件的匹配后不再进行匹配,如匹配a后,不再继续匹配,除非          加上修饰符g
var str1 = str.replace(/[^abc]/g,”);
alert(str1);//abc 

 例9、

\b 匹配一个词的边界。一个词的边界就是一个词不被另外一个词跟随的位置或者不是另一个词汇字符前边的位置。注意,一个匹配的词的边界并不包含在匹配的内容中。换句话说,一个匹配的词的边界的内容的长度是0。(不要和[\b]混淆了)

var str = “abc def abd”;
var str1 = str.replace(/\b/,’k’);
alert(str1);//”kabc def abd”  
var str1 = str.replace(/\b/g,’k’);
console.log(str1);//”kabck kdefk kabdk” 
var str1 = str.replace(/\ba/g,’k’);
console.log(str1);//”kbc def kbd” 
var str1 = str.replace(/^a/g,’k’);
console.log(str1);//”kbc def abd”  ^与\b的区别:  ^是匹配字符串的开始,\b是匹配单词的        边界

例10、 

var myRe = /d(b+)d/g;
var myArray = myRe.exec(“cdbbdbsbz”);
console.log(“The value of lastIndex is ” + myRe.lastIndex);//The value of lastIndex is 5

var myArray = /d(b+)d/g.exec(“cdbbdbsbz”);
//当发生/d(b+)d/g使用两个不同状态的正则表达式对象,lastIndex属性会得到不同的值。如果你需要访问一个正则表达式的属性,则需要创建一个对象初始化生成器,你应该首先把它赋值给一个变量。
console.log(“The value of lastIndex is ” + /d(b+)d/g.lastIndex);//The value of lastIndex is 0

转载于:https://my.oschina.net/u/2612473/blog/1592175

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107816.html原文链接:https://javaforall.net

(0)
上一篇 2022年3月12日 下午5:35
下一篇 2022年3月12日 下午5:35


相关推荐

  • C语言程序设计第五版 谭浩强 第五版课后答案

    C语言程序设计第五版 谭浩强 第五版课后答案谭浩强C语言程序设计第五版第4章课后答案3.求两个正整数m和n,求其最大公约数和最小公倍数。#include<stdio.h>voidmain(){ intm,n,t,i,a=1; scanf(“%d%d”,&m,&n); if(m<n) { t=m; m=n; n=t; } for(i…

    2022年6月14日
    45
  • css 半透明滚动条「建议收藏」

    css 半透明滚动条「建议收藏」::-webkit-scrollbar{width:10px;height:10px;}::-webkit-scrollbar-thumb{background:hsl(0,0%,51%);-webkit-box-shadow:none;border-radius:10px;-webkit-box-shadow:none;}::-webki…

    2022年7月13日
    17
  • C语言常见面试题_嵌入式面试题 c语言

    C语言常见面试题_嵌入式面试题 c语言1.标识符标识符是C程序的最基本组成部分,例如:变量名称、函数名称、数据类型等等,都是一个标识符。标识符的要求是:必须由字母(区分大小写)、数字、下划线组成。而且,标识符的第一个字符不可以是数字。例如:abc—合法_abc123—合法abc555—合法123abc—非法abc$!!—非法下列字符串可以用作C++标识…

    2022年8月28日
    5
  • 因果推断学习笔记三——Uplift模型「建议收藏」

    因果推断学习笔记三——Uplift模型「建议收藏」一、Uplift模型因果推断在互联网界应用主要是基于Upliftmodel来预测额外收益提升ROI。Uplift模型帮助商家计算人群营销敏感度,驱动收益模拟预算和投放策略制定,促成营销推广效率的最大化。同时如何衡量和预测营销干预带来的“增量提升”,而不是把营销预算浪费在“本来就会转化”的那部分人身上,成为智能营销算法最重要的挑战。举个例子????:对用户A和用户B都投放广告,投放广告后用户A的CVR(转化量/点击量)为5%,用户B的CVR为4%,那么是否就给用户A投广告呢?仅从投放广告后的结果来看是这

    2025年5月23日
    7
  • js中倒计时_js倒计时特效

    js中倒计时_js倒计时特效利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用html:获取校验码JS: vari; functiongetCode(){ $(“#code”).attr({“disabled”:”disabled”}); i=self.setInterval(“countdown()”,1000); } varint=1

    2022年10月4日
    8
  • js中构造函数和普通函数的区别_函数声明和函数定义

    js中构造函数和普通函数的区别_函数声明和函数定义1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写2、构造函数和普通函数的区别在于:调用方式不一样。作用也不一样(构造函数用来新建实例对象)3、调用方式不一样。     a.普通函数的调用方式:直接调用person();     b.构造函数的调用方式:需要使用new关键字来调用newPerson();4、构造函数的函数名与…

    2025年10月4日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号