正则表达式小记

1 /.+/ // 贪婪模式
2 /.+?/ // 非贪婪模式

 1 // 假设有这样的一个字符串
 2 let html = '<p><span>text1</span><span>text2</span></p>'
 3 
 4 // 现在我们要取出第一个`span`中的文本，于是我们写了这样的正则
 5 html.match(/<span>(.+)<\/span>/)
 6 // 却发现匹配到的竟然是 text1</span><span>text2
 7 // 这是因为 我们括号中写的是 `(.+)` .为匹配任意字符, +则表示匹配一次以上。
 8 // 当规则匹配到了`text1`的时候，还会继续查找下一个，发现`<`也命中了`.`这个规则
 9 // 于是就持续的往后找，知道找到最后一个span，结束本次匹配。
10 
11 // 但是当我们把正则修改成这样以后：
12 html.match(/<span>(.+?)<\/span>/)
13 // 这次就能匹配到我们想要的结果了
14 // `?`的作为是，匹配`0~1`次规则
15 // 但是如果跟在`*`、`+`之类的表示数量的特殊字符后，含义就会变为匹配尽量少的字符。
16 // 当正则匹配到了text1后，判断后边的</span>命中了规则，就直接返回结果，不会往后继续匹配。

1 let date = '2017-11-21'
2 
3 date.replace(/^(\d{4})-(\d{2})-(\d{2})$/, '$2/$3/$1')

 1 let template = 'hello helloworl'
 2 template.match(/(\w+) \1/) // => hello hello
 3 
 4 // 我们可以用它来匹配出month和day数字相同的数据
 5 let dateList = `
 6 2017-10-10
 7 2017-11-12
 8 2017-12-12
 9 `
10 
11 dateList.match(/^\d{4}-(\d{2})-(\1)/gm) // => ["2017-10-10", "2017-12-12"]

1 let nameList = `
2 Brandon Stark
3 Sansa Stark
4 John Snow
5 `
6 
7 nameList.match(/^\w+(?=\s?Stark)/gm) // => ["Brandon", "Sansa"]

1 function numberWithCommas (x = 0) {
2   return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
3 }
4 
5 numberWithCommas(123) // => 123
6 numberWithCommas(1234) // => 1,234

1 let reg = /([a-z])\d+/
2 let str = 'a233'
3 let result = reg.exec(str) // => ['a233', 'a', ...]

1 let reg = /([a-z])\d+/g
2 let str = 'a233'
3 reg.exec(str) // => ['a233', 'a', ...]
4 // reg.lastIndex = 4
5 reg.exec(str) // => null

1 let reg = /^Hello/
2 
3 reg.test('Hello World') // => true
4 reg.test('Say Hello') // => false

1 // 筛选出所有名字为 Niko的数据
2 let data = [{ name: 'Niko Bellic' }, { name: 'Roman Bellic'}]
3 
4 data.filter(({name}) => /^Niko/.test(name)) // => [{ name: 'Niko Bellic' }]

1 'Hi Niko'.search(/Niko/) // => 3
2 'Hi Niko'.search(/Roman/) // => -1
3 
4 // 如果传入的参数为一个字符串，则会将其转换为`RegExp`对象
5 'Hello'.search('llo') // => 2

 1 '1,2|3'.split(/,|\|/) // => [1, 2, 3]
 2 
 3 // 比如我们要将一个日期时间字符串进行分割
 4 let date = '2017-11-21 23:40:56'
 5 
 6 date.split(/-|\s|:/)
 7 
 8 // 又或者我们有这么一个字符串，要将它正确的分割
 9 let arr = '1,2,3,4,[5,6,7]'
10 
11 arr.split(',') // => ["1", "2", "3", "4", "[5", "6", "7]"] 这个结果肯定是不对的。
12 
13 // 所以我们可以这么写
14 arr.split(/,(?![,\d]+])/) // => ["1", "2", "3", "4", "[5,6,7]"]

1 let html = '<p><span>text1</span><span>text2</span></p>'
2 
3 html.match(/<span>(.+?)<\/span>/g) // => ["<span>text1</span>", "<span>text2</span>"]

1 'Hi: Jhon'.replace(/Hi:\s(\w+)/g, 'Hi: $1 Snow') // => Hi: Jhon Snow
2 
3 'price: 1'.replace(/price:\s(\d)/g, (/* 匹配的完整串 */str, /* 捕获组 */ $1) => `price: ${$1 *= 10}`) // => price: 10

1 let reg = /(?<=Pre)\w/
2 
3 reg.test('Prefixer') // => true
4 reg.test('Prfixer') // => false

1 let html = '<p><span>text1</span><span>text2</span></p>'
2 
3 html.match(/(?<=<span>)(.+?)(?=<\/span>)/g) // => ["text1", "text2"]

1 let reg = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/
2 
3 '2017-11-21'.match(reg)

1 let reg = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/
2 '2017-11-21'.replace(reg, '$<month>/$<day>/$<year>') // => 21/11/2017

1 let reg = /\d{4}-(?<month>\d{2})-\k<month>/
2 reg.test('2017-11-11') // => true
3 reg.test('2017-11-21') // => false