第四篇javascript

Posted pyrene

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第四篇javascript相关的知识,希望对你有一定的参考价值。

一、正则表达式

提示:此专题需要多轮复习反复的加深和理解

正则表达式的两种用法:

1)regexp.xxx(string);

2)string.yyy(regexp);

验证用户输入的手机号格式是否合法
       var regexp=/^1[3-8]\\d{9}$/;
        var input="15012345678";
        console.log(regexp.test(input))

正则表达式主要用于表单验证

1、直接量字符

 定义一个正则表达式对象可以使用perl风格的直接量语法

/pattern/attributes

说明

直接量字符串左右不能添加‘或者”(引号)

两个/不能省略

参数pattern是一个正则表达式字符串

参数attribute是一个可选的字符串,可以在“g”,“i”和“m”范围内指定,分别用于指定全局匹配、区分大小写的匹配和多行匹配

2、字符类

 所有的单个大小写字母、数字都是一个正则表达式,用以匹配单个字符,这个字符与它本身相同

        var regexp=/ipod/;
        var data=\'apple ipod is No.123 cool?\';
        console.log(regexp.test(data));//false


        var regexp=/ipod/;
        var data=\'apple ipod is No.123 cool?\';
        console.log(regexp.test(data));//true
View Code

正则表达式有些字符有特殊的语法含义,是不能直接使用的,必须使用\\进行转义后才能使用

. \\ / * ? + [ ( ) ] { } ^ $ |

 

 位置匹配

^   在/[^123]/  表示匹配除了123的

      /^1[123]/   表示包含123的并且以1开头的

 $    表示以什么结尾

|     /[123|456]/   表示匹配123或者456其中一个

,    /[123x,]/    表示匹配123x中任意一个

\\b    表示匹配字符的边界

\\B    匹配字符串的非边界   例子:“his  history  is so”  如果匹配history中的his  /[/bhis/B]            

 

3、重复

 正则表达式中可以使用如下特殊字符定义字符的出现频次---量词元字符

 

重复字符   含义                                  示例
n?        匹配零次或者一次字符n          /a?/
n*         匹配零次或者多次字符n           /a*/
n+        匹配一次或者多次字符n            /a+/
n{x}     匹配字符n出现x次                 /a{3}/   /\\d{9}/表示数字出现9次 
n{x,y}  匹配字符n出现x到y次             /a{2,4}/   
n{x,}    匹配字符n的出现>=x次          /a{3,}/

4、选择、分组和引用

 范围选择,用于指定一个匹配的范围

语法              含义                                    示例
[abc]      匹配指定集合内的任一个字符        /[3458]/

[^abc]    匹配不在指定集合内的任意字符    /[^12679]/

[a-z]       匹配任一个小写字符                  /[a-z]/

[0-9]      匹配任一个数字                        /0-9/

[A-Z]      匹配任一个大写字符                  /A-Z/

[A-z]       匹配大写A到消协z的所有字符,          /[A-z]/
                即A-Z[\\]^_`a-z                   /[--籲]/  

exp|exp2    使用|进行条件选择                   /ex|Ex|post|Post/

(expl)     使用()指定分组  ------子表达式

 

正则表达式中可以使用如下元字符引用来进行简化

1 语法              含义                             示例
2 \\d       匹配一个数字                      /\\d/等价于/[0-9]/
3 \\D       匹配一个非数字                  /\\D/等价于  /[^0-9]/
4 \\w       匹配一个数字/字母/下划线      /\\w/等价于/[0-9a-zA-Z]/
5 \\W      匹配一个非数字/字符/下划线      /\\W/等价于/[^0-9a-zA-Z]/
6 \\s        匹配一个空白字符(space)     /\\s/等价于/[\\n\\r\\t\\v\\f]/
7 \\S       匹配一个非空白字符                 /\\S/等价于/[^\\n\\r\\v\\t\\f]/
8 .         匹配除了回车和换行符的任何单个字符    /./ 等价于  /[^\\n\\r]/     

分组匹配  ,使用()把多个字符组成一个整体,这样的每个整体都会自动获得1、2、3、...这样的分组

()       /(abc){3}/    表示以abc为一组的匹配3组  

/(abc)(xvv)(xx)2/  表示匹配(abc)  (xvv)这两个分组

/(aa)(bb)(cc)/2/     表示匹配(bb)这个分组

 

正则表达式分组编号的用法:

1)直接用在正则表达式中

    /<(\\w+)>.*<\\/\\1>/

2)调用test()方法之后使用

    regexp.test(stuID);

    console.log(RegExp.$1);

3)用在string.re[lace()方法中

    var data="Tome mary john maria";

    var regexp=/(mary|,maria)/ig;

    data.replace(regexp,"$1".toUpperCase());    //Tome MARY john MARIA

 

 5、正则表达式中的属性修饰符

 /表达式内容/属性修饰符

属性修饰符可以在下面三个范围内选择

1)i  匹配的时候忽略大小写

2)g  执行全局匹配,找到一次匹配后仍然继续,知道结尾

3)m  执行多汗匹配,会影响^(原本只匹配整个字符串的开头)和$(原来只匹配整个字符串结尾)的含义,匹配每一行的开头和结尾

 

以上是关于第四篇javascript的主要内容,如果未能解决你的问题,请参考以下文章

javascript动画系列第四篇——拖拽改变元素大小

第四篇javascript

第四篇,JavaScript面试题汇总

原生JavaScript第四篇

深入理解表单脚本系列第四篇——选择框脚本

ABP 异常处理 第四篇