JavaScript之正则表达式

转义

概念：转换意义，改变意义

转义符号：

转义字符： 字符 （注意：只能能在编辑器上使用，而不能在文本中使用，即在html标签中不可使用）

特殊转义字符：

　　(a) : 换行符
　　(b) : 回车符
　　(c) : 制表符（四个字符）

var str1 = "我是一名'牛逼'的程序员";
console.log(str1); // 我是一名'牛逼'的程序员
var str2 = "我是一名"牛逼"的程序员";
console.log(str2); // error
var str3 = "我是一名"牛逼"的程序员";
console.log(str3); //我是一名"牛逼"的程序员
var str4 = "我是一名\牛逼\的程序员";
console.log(str4); // 我是一名牛逼的程序员


var str1 = '<h1>字符串1</h1>' +
          '<h2>字符串2</h2>' +
          '<h3>字符串3</h3>';

var str2 = '<h1>字符串1</h1>
           <h2>字符串2</h2>
           <h3>字符串3</h3>';

console.log(str1); // <h1>字符串1</h1><h2>字符串2</h2><h3>字符串3</h3>
console.log(str2); // <h1>字符串1</h1>           <h2>字符串2</h2>           <h3>字符串3</h3>

正则(RegExp regular expression)

概念：检索数据中符合要求正则要求的数据
公式：var reg = new RegExp(正则表达式，属性/修饰符)

　　正则属性（修饰符）：

　　　　‘g': global 全局匹配

　　　　'i': ignore case 不区分大小写

　　　　'm': multi-line 多行匹配

// 第一种写法
var str = 'This is a test. Test is important';

var reg1 = new RegExp('Test', 'g');

console.log(reg1.test(str)); // true
console.log(str.match(reg1)); // ['Test']

var reg2 = new RegExp('Test', 'gi');

console.log(reg2.test(str)); // true
console.log(str.match(reg2)); // ['test', 'Test']

var reg3 = new RegExp('Test', 'gim');

console.log(reg3.test(str)); // true
console.log(str.match(reg3)); // ['test', 'Test']

// 第二种写法

var str = 'This is a test. Test is important';

var reg1 = /Test/g;

console.log(reg1.test(str)); // true
console.log(str.match(reg1)); // ['Test']

var reg2 = /Test/gi;

console.log(reg2.test(str)); // true
console.log(str.match(reg2)); // ['test', 'Test']

var reg3 = /Test/gim;

console.log(reg3.test(str)); // true
console.log(str.match(reg3)); // ['test', 'Test']

 正则初级使用

// 1: 匹配成功过后的不会重复匹配，没有匹配成功的会重复匹配
var str = '1032kdsjfsdhj123sdfsdf',
    reg = /[1234567890][1234567890][1234567890]/g;

console.log(str.match(reg)); // ['103', '123']

// 2: 匹配区间
var str = 'sdfsdfsfs231Fssfd-sdfsd',
    reg = /[0-9][A-Z][a-z]/g;
console.log(str.match(reg)); // ['1Fs']


// 3: 多个区间取或,(注意：[A-Za-z]等价[A-z]，大写字母一定要放到前面，小写字母一定要放到后面，否则会报错)
var str = 'sdfsdfsfs231Fssfd-sdfsd',
  reg1 = /[0-9A-Za-z][A-Z][a-z]/g,
  reg2 = /[0-9A-z][A-Z][a-z]/g;
console.log(str.match(reg1)); // ['1Fs']
console.log(str.match(reg2)); // ['1Fs']

// 4：^的使用
var str = '0Sdfsdfsfs231Fssfd-sdfsd',
    reg1 = /[^0][A-Z][a-z]/g,
    reg2 = /^[0][A-Z][a-z]/g
console.log(str.match(reg1)); // ['1Fs'] ^放到选择括号内的最前面作非使用
console.log(str.match(reg2)); // ['0Sd'] ^放到表达式前面表示只匹配字符串开头

// 5：|的使用
var str = '123sdfsdfsfs234Fssfd-sdfsd',
    reg = /123|234/g;
console.log(str.match(reg)); // ['123', '234'] 把符合条件的都选出来


// 6：()的使用

var str = '123sdfsdfsfs234Fssfd-sdfsd',
  reg = /(123|234)[A-z]/g;
console.log(str.match(reg)); // [ '123s', '234F' ] ()括号里面的内容优先执行

元字符 正则使用的转义字符

// 元字符 正则使用的转义字符
// w === [0-9A-z_]
var str = '123absdf',
    reg = /wab/g;

console.log(str.match(reg)); // [ '3ab' ]

// W === [^w]
var str = '123%absdf',
  reg = /Wab/g;

console.log(str.match(reg)); // [ '%ab' ]

// d === [0-9] digit
var str = '123absdf',
  reg = /dab/g;

console.log(str.match(reg)); // [ '3ab' ]

// D === [^d]
var str = '123%absdf',
  reg = /Dab/g;

console.log(str.match(reg)); // [ '%ab' ]

// s === [
	vf] (不常用)
// 
: 回车符  
: 换行符  	: 制表符  tab  v: 垂直换行符  f: 换页符

// S === [^s] （不常用）
//  单词边界
var str = 'This is a test',
    reg = /This/g;
console.log(str.match(reg)); //[ 'This' ]

var str = 'This is a test',
  reg = /Thi/g;
console.log(str.match(reg)); //[ 'Thi' ]

// B 非单词边界

var str = 'This is a test',
  reg = /ThiB/g;
console.log(str.match(reg)); //[ 'Thi' ]

var str = 'This is a test',
  reg = /BhiB/g;
console.log(str.match(reg)); //[ 'hi' ]

// . 可以匹配除了回车和换行的所有字符
var str = 'This
is
a	test',
    reg = /./g;
console.log(str.match(reg)); // [ 'T', 'h', 'i', 's', 'i', 's', 'a', '	', 't', 'e', 's', 't' ]

// 匹配三位连续的所有字符
var str = 'abcdef',
  reg = /[wW][sS][dD]/g;
console.log(str.match(reg)); // [ 'abc', 'def' ]

 正则量词

规则：字符串从左到右，依次先匹配多，再匹配少，如果一旦匹配上就不回头匹配。
（1）不回头
（2）贪婪模式

// 1. n+ {1, 正无穷}
var reg = /w+/g,
    str = 'abcdefg';
console.log(str.match(reg)); // [ 'abcdefg' ]

// 2. n* {0, 正无穷}
var reg = /w*/g,
  str = 'abcdefg';
console.log(str.match(reg)); // [ 'abcdefg', '' ]

// 3. n? {0, 1}
var reg = /w?/g,
  str = 'abcdefg';
console.log(str.match(reg)); // [ 'a', 'b', 'c', 'd', 'e', 'f', 'g', '' ]

// 4. n{x,y} {1,正无穷} === n+  {0,正无穷} === n*  {0,1} === n?
var reg = /w{2,3}/g,
  str = 'abcdefg';
console.log(str.match(reg)); // [ 'abc', 'def' ]

var reg = /w{0,3}/g,
  str = 'abcdefg';
console.log(str.match(reg)); // [ 'abc', 'def', 'g', '' ]

var reg = /w{0,}/g,
  str = 'abcdefg';
console.log(str.match(reg)); // [ 'abcdefg', '' ]

// 5. ^n 匹配任何以n开头的字符串
var reg = /^ab/gm,
  str = 'abcdefg
abef';
console.log(str.match(reg)); // [ 'ab', 'ab' ]

// 6. n$ 匹配任何以n结尾的字符串
var reg = /ab$/gm,
  str = 'abcdeab
abab';
console.log(str.match(reg)); // [ 'ab', 'ab' ]

// 练习1：检查字符串是否以abcd开头和以abcd结尾
var reg = /^abcdw*abcd$/,  // 建议使用 reg = /^abcd.*abcd$/
    str = 'abcd123123abcd';
console.log(reg.test(str)); // true

// 练习2：检查字符串是否以abcd开头或以abcd结尾
var reg = /^abcd|abcd$/,
  str = 'abcd123123abcd';
console.log(reg.test(str)); // true

// 练习3：检查字符串是否以abcd和abcd结尾，并且开头结尾之间是数字
var reg = /^abcdd+abcd$/, // 不能用d*
  str = 'abcd213abcd';
console.log(reg.test(str)); // true

// 练习4：匹配以138开头的11位手机号
var reg = /^138d{8}/g,
    str = '13896441012';
console.log(str.match(reg)); // [ '13896441012' ]

// 7. ?=n 匹配任何其后紧接着指定字符串n的字符串
var reg = /a(?=b)/g,
    str = 'abcdaccda';
console.log(str.match(reg)); // [ 'a' ]

// 8. ?!n 匹配任何其后紧接着不为指定字符串n的字符串
var reg = /a(?!b)/g,
  str = 'abcdaccda';
console.log(str.match(reg)); // [ 'a', 'a' ]

// 子表达式：用括号()括起来
// 反向引用：1111


var reg = /(a)111/g,
    str = 'bbaaaaccaaaaiddddaaaa';
console.log(str.match(reg)); // [ 'aaaa', 'aaaa', 'aaaa' ]

var reg = /(w)111/g,
  str = 'bbaaaaccaaaaiddddaaaa';
console.log(str.match(reg)); // [ 'aaaa', 'aaaa', 'dddd', 'aaaa' ]

var reg = /(w)1(w)2/g,
  str = 'bbaaaaccaaaaiddddaaaa';
console.log(str.match(reg)); // [ 'bbaa', 'aacc', 'aaaa', 'dddd', 'aaaa' ]