前端JavaScript篇之常用的正则表达式有哪些？

---

常用的正则表达式有哪些？

常用的正则表达式包括以下几个方面：

1. 匹配16进制颜色值：#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})可以用于匹配16进制颜色值，如"#ff0000"或"#f00"。

2. 匹配日期：^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$可以用于匹配日期，如"yyyy-mm-dd"的格式。

3. 匹配QQ号：^[1-9][0-9]{4,10}$可以用于匹配QQ号，要求5到11位数字，第一位不能为0。

4. 匹配手机号码：/^1[3-9]\d{9}$/可以用于匹配中国大陆的手机号码。

5. 匹配用户名：^[a-zA-Z\$][a-zA-Z0-9_\$]{4,16}$可以用于匹配用户名，要求字母、数字、下划线和美元符号组成，长度在5到17位之间，且必须以字母或美元符号开头。

6. 匹配数字：/^\d+$/，表示匹配一个或多个数字。

7. 匹配邮箱：/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/，表示匹配一个合法的邮箱地址。

8. 匹配 URL：/^((https?|ftp|file):\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/，表示匹配一个合法的 URL 地址。

9. 匹配中文：/[\u4e00-\u9fa5]/，表示匹配一个中文字符。

10. 匹配 IP 地址：/^((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)\.){3}(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|\d)$/，表示匹配一个合法的 IP 地址。

这些正则表达式在实际开发中非常常见，可以用于数据的校验、格式化等操作。在使用正则表达式时，需要注意正则表达式的语法和具体的匹配规则，以确保正则表达式的正确性和有效性。

请注意，这些正则表达式只是示例，并不能完全覆盖所有情况。具体的匹配需求可能需要根据实际情况进行调整和修改。

下面是参考代码：

// 匹配16进制颜色值
var colorRegex = /#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})/g
var str = 'The color codes are #ff0000 and #00f.'
var colors = str.match(colorRegex)
console.log(colors) // Output: ["#ff0000", "#00f"]

// 匹配日期
var dateRegex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/
console.log(dateRegex.test('2022-01-01')) // Output: true
console.log(dateRegex.test('2022/01/01')) // Output: false

// 匹配QQ号
var qqRegex = /^[1-9][0-9]{4,10}$/g
var qq = '12345'
console.log(qqRegex.test(qq)) // Output: true

// 匹配手机号码
var phoneRegex = /^1[3-9]\d{9}$/g
var phone = '13812345678'
console.log(phoneRegex.test(phone)) // Output: true

// 匹配用户名
var usernameRegex = /^[a-zA-Z\$][a-zA-Z0-9_\$]{4,16}$/
var username = 'test_user123'
console.log(usernameRegex.test(username)) // Output: true

上述示例代码中，我们使用正则表达式进行了不同情况下的匹配。通过test()方法可以判断字符串是否符合正则表达式的规则。使用match()方法可以获取匹配到的结果数组。

请注意，正则表达式在不同的编程语言中可能略有不同，需要根据具体语言的规范进行使用。

持续学习总结记录中，回顾一下上面的内容：
在使用正则表达式时，需要注意正则表达式的语法和具体的匹配规则，以确保正则表达式的正确性和有效性。