正则表达式 Regular Expression 是一种表达文本模式的方法 相似字符串的模板 一般用来按照"给定模式"匹配文本vue
新建正则表达式有两种方式:
字面量方式 以斜杠表示开始和结束react
var regexp=/abc/;
另外一种是使用RegExp构造函数正则表达式
var regexp=new RegExp('abc');
RegExp构造函数还能够接受第二个参数,表示修饰符数组
var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i;
正则实例对象的test方法返回一个布尔值 表示当前模式是否能匹配参数字符串app
/react/.test('react and vue'); //true
上面代码验证参数字符串中是否包含react 结果返回true函数
正则实力对象的exec方法 用来返回匹配结果 若是匹配 则返回一个数组 成员是匹配成功的子字符串 不然返回nullprototype
var s='x_y_z'; var r1=/x/; var r2=/a/; var r3=/xy/; r1.exec(s) //[ 'x', index: 0, input: 'x_y_z' ] r2.exec(s) // null r3.exec(s) // null
exec方法的返回数组还包含如下两个属性:
input:整个原字符串。
index:整个模式匹配成功的开始位置(从0开始计数)。code
var r=/a(b+)a/; var arr=r.exec('_abbba_aba_'); console.log(arr) //['abbba','bbb'] console.log(arr.index) // 1 从字符串的第二个位置开始匹配成功 console.log(arr.input) //'_abbba_aba_'
若是正则表达式加上g修饰符 贼能够屡次使用exec方法 下一次搜索的位置从上一次匹配成功结束的位置开始regexp
var reg=/a/g; var str='abc_abc_abc'; var r1=reg.exec(str); console.log(r1); //[ 'a', index: 0, input: 'abc_abc_abc' ] var r2=reg.exec(str); console.log(r2) // [ 'a', index: 4, input: 'abc_abc_abc' ] var r3=reg.exec(str); console.log(r3); //[ 'a', index: 8, input: 'abc_abc_abc' ]
正则表达式对一些不能打印的特殊字符,提供了表达方法
n 匹配换行键;
r 匹配回车键;
t 匹配制表符 ;
v 匹配垂直制表符;
f 匹配换页符;
0 匹配null字符;
xhh 匹配一个以两位十六进制数(x00-xFF)表示的字符;
uhhhh 匹配一个以四位十六进制数(u0000-uFFFF)表示的 Unicode 字符;对象
字符类表示有一系列字符可供选择,只要匹配其中一个就能够了。全部可供选择的字符都放在方括号内
/[abc]/.test('hello') //false 不包含a、b、c这三个字母中的任一个,因此返回false /[abc]/.test('apple') //true 包含字母a,因此返回true
脱字符:
若是方括号内的第一个字符是[^],则表示除了字符类之中的字符,其余字符均可以匹配
/[^abc]/.test('hello') //true /[^abc]/.test('bbbc') //false
连字符:
对于连续序列的字符,连字符(-)用来提供简写形式,表示字符的连续范围
/a-z/.test('b') // false 连字符不出如今方括号之中,就不具有简写的做用,只表明字面的含义,因此不匹配字符b /[a-z]/.test('b') // true
精确匹配次数,使用大括号({})表示
{n}表示刚好重复n次,{n,}表示至少重复n次,{n,m}表示重复很多于n次,很少于m次
/Ro{2}kie/.test('Rookie') // true 指定o连续出现2次 /Ro{2,5}kie/.test('Rooookie') // true 指定o连续出现2次到5次之间
? 问号表示某个模式出现0次或1次,等同于{0, 1}。 * 星号表示某个模式出现0次或屡次,等同于{0,}。 + 加号表示某个模式出现1次或屡次,等同于{1,}。
表示模式的附加规则,放在正则模式的最尾部。
修饰符能够单个使用,也能够多个一块儿使用。
g修饰符:
g修饰符表示全局匹配(global),加上它之后,正则对象将匹配所有符合条件的结果,主要用于搜索和替换。
var regex = /b/; var str = 'abba'; regex.test(str); // true regex.test(str); // true regex.test(str); // true
正则模式不含g修饰符,每次都是从字符串头部开始匹配。因此,连续作了三次匹配,都返回true
var regex = /b/g; var str = 'abba'; regex.test(str); // true regex.test(str); // true regex.test(str); // false
正则模式含有g修饰符,每次都是从上一次匹配成功处,开始向后匹配。由于字符串abba只有两个b,因此前两次匹配结果为true,第三次匹配结果为false
i修饰符:
默认状况下,正则对象区分字母的大小写,加上i修饰符之后表示忽略大小写
/abc/.test('ABC') // false /abc/i.test('ABC') // true //加了i修饰符之后,不考虑大小写,因此模式abc匹配字符串ABC
m修饰符:
m修饰符表示多行模式
会修改^和$的行为
toLowerCase方法用于将一个字符串所有转为小写,toUpperCase则是所有转为大写。它们都返回一个新字符串,不改变原字符串
'Hello World'.toLowerCase() // "hello world" 'Hello World'.toUpperCase() // "HELLO WORLD"
charAt方法返回指定位置的字符,参数是从0开始编号的位置
var s = new String('abc'); s.charAt(1) // "b" s.charAt(s.length - 1) // "c"
charCodeAt方法返回字符串指定位置的 Unicode 码
'abc'.charCodeAt(1) // 98
indexOf方法用于肯定一个字符串在另外一个字符串中第一次出现的位置,返回结果是匹配开始的位置。若是返回-1,就表示不匹配
indexOf方法还能够接受第二个参数,表示从该位置开始向后匹配。
'hello world'.indexOf('o', 6) // 7
lastIndexOf方法的用法跟indexOf方法一致,主要的区别是lastIndexOf从尾部开始匹配,indexOf则是从头部开始匹配。
'hello world'.lastIndexOf('o') // 7
slice方法用于从原字符串取出子字符串并返回,不改变原字符串。它的第一个参数是子字符串的开始位置,第二个参数是子字符串的结束位置(不含该位置)
'JavaScript'.slice(0, 4) // "Java"
若是参数是负值,表示从结尾开始倒数计算的位置,即该负值加上字符串长度
'JavaScript'.slice(-6) // "Script"
substr方法用于从原字符串取出子字符串并返回,不改变原字符串,跟slice和substring方法的做用相同。
substr方法的第一个参数是子字符串的开始位置(从0开始计算),第二个参数是子字符串的长度。
'JavaScript'.substr(4, 6) // "Script"
若是第一个参数是负数,表示倒数计算的字符位置。若是第二个参数是负数,将被自动转为0,所以会返回空字符串。
'JavaScript'.substr(4, -1) // ""
substring方法用于从原字符串取出子字符串并返回,不改变原字符串,跟slice方法很相像。它的第一个参数表示子字符串的开始位置,第二个位置表示结束位置(返回结果不含该位置)
'JavaScript'.substring(0, 4) // "Java"
split方法按照给定规则分割字符串,返回一个由分割出来的子字符串组成的数组。
'a|b|c'.split('|') // ["a", "b", "c"]
让一个字符串反转
var str='abcde'; var arr=str.split(""); console.log(arr) //[ 'a', 'b', 'c', 'd', 'e' ] var arr2=arr.reverse(); console.log(arr2) //[ 'e', 'd', 'c', 'b', 'a' ] vvar str2=arr.toString(); console.log(str2); //e,d,c,b,a