淘先锋技术网

首页 1 2 3 4 5 6 7

javascript 常用正则表达式

正则表达式是一种用来匹配字符串的模式，它在JavaScript中广泛使用，可以用来验证表单输入、搜索、过滤等一系列功能。本文将对JavaScript中常用的正则表达式进行分析，并且结合实例进行讲解。

邮箱验证

邮箱格式验证是一项常见的功能，在JavaScript中可以使用正则表达式来进行验证。以下是一个简单的例子：

var email = 'example@test.com';
var pattern = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
if (pattern.test(email)) {
console.log('该邮箱格式合法');
} else {
console.log('该邮箱格式不合法');
}

这段代码用正则表达式匹配了一个邮箱地址，其中，代码中的/^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/是一个正则表达式：

  • ^：以什么开头。
  • \w+：一个或多个字母、数字或下划线。
  • @：匹配@字符。
  • [a-zA-Z_]+?：一个或多个大小写字母或下划线。
  • \.：匹配一个点。
  • [a-zA-Z]{2,3}：两到三个字母组成的字符串。
  • $：以什么结尾。

这个正则表达式将会匹配类似于example@test.com这样的字符串。

电话号码验证

电话号码验证同样是正则表达式的经典应用，以下是一个例子：

var phone = '13800138000';
var pattern = /^1[3|4|5|7|8][0-9]{9}$/;
if (pattern.test(phone)) {
console.log('该号码格式合法');
} else {
console.log('该号码格式不合法');
}

这段代码用正则表达式匹配了一个手机号码，其中，代码中的/^1[3|4|5|7|8][0-9]{9}$/是一个正则表达式：

  • ^：以什么开头。
  • 1：数字1。
  • [3|4|5|7|8]：3、4、5、7或8这几个数字中的一个。
  • [0-9]{9}：其中的9个数字可以是0到9之间的任意数。
  • $：以什么结尾。

这个正则表达式将会匹配类似于13800138000这样的字符串。

网址验证

网址验证同样也是正则表达式的常用应用之一，以下是一个例子：

var url = 'https://www.example.com';
var pattern = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w-.\/?%&=]*)?$/;
if (pattern.test(url)) {
console.log('该网址格式合法');
} else {
console.log('该网址格式不合法');
}

这段代码用正则表达式匹配了一个网址，其中，代码中的/^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w-.\/?%&=]*)?$/是一个正则表达式：

  • ^：以什么开头。
  • http(s)?:\/\/：匹配http://或https://。
  • ([\w-]+\.)+：匹配一个或多个由字母、数字、连字符或下划线组成的字符串，以及一个点号。
  • [\w-]+：一个或多个由字母、数字、连字符或下划线组成的字符串。
  • (\/[\w-.\/?%&=]*)?：匹配/和它后面任意数量的由字母、数字、连字符、点号、问号、百分比符号、斜线和等号组成的字符串。
  • $：以什么结尾。

这个正则表达式将会匹配类似于https://www.example.com这样的字符串。

结语

在JavaScript中，正则表达式是一项非常强大和重要的技术，它可以应用于很多场景，例如表单验证、搜索、过滤等等。在开发过程中，我们需要对正则表达式进行不断的学习和掌握，才能更好地应对各种问题。