正则表达式常见用例

正则表达式常见用例

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

正则表达式是用于匹配字符串中字符组合的模式。在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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • foc无刷电机位置控制(直流无刷电机接线图解)

    序:矢量控制的核心思想是为了简化无刷电机的控制模型,将一个需要换相的无刷电机通过各种算法变换,抽象为一个直流电机的控制模型,只需要控制简单的两个直流分量来控制无刷电机,其中Vq抽象为直流电机的两端电压,Vd可调节电机力矩,但这个模型需要一个实时的电机轴角度θ参与计算。为了实现这个直流电机的控制模型,需要用到两个数学变换,即clarke变换和park变换。需要用到最原始的PID控制器等内容。…

    2022年4月11日
    384
  • amule for ununtu

    amule for ununtu

    2021年4月27日
    155
  • Yarn 安装与使用详细介绍「建议收藏」

    Yarn 安装与使用详细介绍「建议收藏」背景什么是Yarn速度快离线模式可靠可确定性网络优化扁平化模式版本控制其他关于Yarn的介绍Yarn安装windowsmac方式一方式二Yarn换源背景在Node生态系统中,依赖通常安装在项目的node_modules文件夹中。然而,这个文件的结构和实际依赖树可能有所区别,因为重复的依赖可以合并到一起。npm客户端把依…

    2022年5月26日
    59
  • virsh 关机_kvm 虚拟化 virsh shutdown 无法关闭虚拟机[通俗易懂]

    virsh 关机_kvm 虚拟化 virsh shutdown 无法关闭虚拟机[通俗易懂]问题:安装kvm虚拟化并且安装客户机之后,通过virshshutdown命令无法关闭客户机,只能通过virshdestroy进行强制关闭电源。虽然这也是一种方法,但是直接断电显然有点不妥,并且你并不知道何时会出现一些奇奇怪怪的问题。在下图中我分别对客户机centos6.5和hongxuecentos6.5试图执行virshshutdown进行正常关闭,输出信息为:D…

    2022年8月11日
    17
  • 蓝牙开发心得体会

    蓝牙开发心得体会一、关于布局适配建议1、不要使用绝对布局2、尽量使用match_parent而不是fill_parent。3、能够使用权重的地方尽量使用权重(android:layout_weight)4、如果是纯色背景,尽量使用android的shape自定义。5、如果需要在特定分辨率下适配,可以在res目录上新建layout-HxW.xml的文件夹。比如要适配10

    2022年6月20日
    28
  • idea中格式化代码快捷键 mac_vs如何格式化代码

    idea中格式化代码快捷键 mac_vs如何格式化代码一鍵格式化代碼:Ctrl+Alt+L快捷鍵汇总參考鏈接IntellijIDEA快捷键整理(TonyCody)Eclipse常用快捷键汇总

    2022年10月7日
    4

发表回复

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

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