JavaScript中10个正则表达式使用介绍基础篇

正则表达式是一种用来匹配字符串模式的工具。在JavaScript中，可以使用正则表达式来对字符串进行匹配、搜索、替换等操作。

本篇攻略将为大家介绍JavaScript中10个常用的正则表达式，让你快速理解和掌握正则表达式的基础知识。

1. 匹配字符

1.1 匹配数字

\d是匹配任意数字的元字符。例如，\d可以匹配字符串中的数字字符'0','1','2','3','4','5','6','7','8','9'等。

const str = 'hello 123 world';
const pattern = /\d+/g;

console.log(str.match(pattern));
// output: [ '123' ]

1.2 匹配字母

\w是匹配任意字母、数字、下划线的元字符。例如，\w可以匹配字符串中的任意字母、数字、下划线字符。

const str = 'hello_world 123';
const pattern = /\w+/g;

console.log(str.match(pattern));
// output: [ 'hello_world', '123' ]

2. 匹配位置

2.1 匹配开头

^是用来匹配字符串的开头位置的元字符。例如，^hello可以匹配以'hello'开头的字符串。

const str = 'hello world';
const pattern = /^hello/;

console.log(pattern.test(str));
// output: true

2.2 匹配结尾

$是用来匹配字符串的结尾位置的元字符。例如，world$可以匹配以'world'结尾的字符串。

const str = 'hello world';
const pattern = /world$/;

console.log(pattern.test(str));
// output: true

3. 匹配重复字符

3.1 匹配连续重复字符

+是匹配前面字符一个或多个重复的元字符，例如，/a+/g可以匹配'a'，'aa'，'aaa'等重复的字符。

const str = 'aaaaaa';
const pattern = /a+/g;

console.log(str.match(pattern));
// output: [ 'aaaaaa' ]

3.2 匹配任意重复字符

*是匹配任意字符之前一个字符匹配0或多次的元字符。例如，/a*/g可以匹配'', 'a', 'aa', 'aaa'等任意重复的字符。

const str = 'hello';
const pattern = /a*/g;

console.log(str.match(pattern));
// output: [ '', '', '', '', '', '' ]

4. 匹配单个字符

4.1 匹配任意字符

.是匹配任意单个字符的元字符。例如，/.+/g可以匹配任意字符。

const str = 'hello world';
const pattern = /.+/g;

console.log(str.match(pattern));
// output: [ 'hello world' ]

4.2 匹配特定字符

[]是用来匹配[]中任意一个字符，例如，[abc]可以匹配a、b、c中的任意一个字符。

const str1 = 'hello a world';
const str2 = 'hello b world';

const pattern = /[abc]/;

console.log(pattern.test(str1));
// output: true

console.log(pattern.test(str2));
// output: true

结语

通过本篇攻略，相信你已经对JavaScript中常用的正则表达式有了初步的了解。当然，正则表达式是一门非常庞大的知识体系，需要不断学习和积累才能掌握，希望大家能够善用正则表达式，让自己的代码更加智能和高效。