JavaScript 正则表达式 URL

简介

正则表达式（Regular Expression）是一种用来匹配字符串模式的工具，它在编程中被广泛用于字符串的匹配、查找、替换等操作。URL（Uniform Resource Locator）是用来唯一标识和定位互联网上资源的地址。

在 JavaScript 中，可以使用正则表达式来匹配 URL，并进行相关的处理，例如提取域名、检查协议等。本文将介绍如何使用 JavaScript 正则表达式来处理和操作 URL。

正则表达式 URL 匹配

下面是一个基本的 JavaScript 正则表达式，用于匹配 URL：

const urlRegex = /(https?:\/\/[-\w.]+(:\d+)?(\/([\w/_.]*)?)?(\?\S*)?)/;

const url = "https://www.example.com/path?param=value";

if (url.match(urlRegex)) {
  console.log("URL is valid");
} else {
  console.log("URL is invalid");
}

上述正则表达式的含义如下：

• https?: 匹配 http 或 https
• :\/\/: 匹配冒号和两个斜杠 ://
• [-\w.]+: 匹配一个或多个字母、数字、横线或点号
• (:\d+)?: 可选项，匹配一个冒号和一个或多个数字（用于匹配端口号）
• (\/([\w/_.]*)?)?: 可选项，匹配一个斜杠和零个或多个字母、数字、下划线、横线、点号或斜杠（用于匹配路径）
• (\?\S*)?: 可选项，匹配一个问号和零个或多个非空白字符（用于匹配查询参数）

上述代码将判断给定的 URL 是否符合正则表达式的匹配规则，并输出相应的结果。

提取 URL 中的信息

除了判断 URL 是否有效外，我们还可以使用正则表达式来提取 URL 中的不同部分，例如协议、域名、路径、查询参数等。

下面是一个例子，使用正则表达式提取 URL 中的域名：

const urlRegex = /(https?:\/\/)([-\w.]+(:\d+)?)(\/([\w/_.]*)?)?(\?\S*)?/;

const url = "https://www.example.com/path?param=value";

const matches = urlRegex.exec(url);
const protocol = matches[1];
const domain = matches[2];

console.log("Protocol:", protocol);
console.log("Domain:", domain);

上述代码使用正则表达式的 exec 方法来获取 URL 中各个部分的匹配结果，并将结果分别存储在 matches 数组中。然后可以使用数组索引来提取特定部分的内容。

替换 URL 中的部分

正则表达式还可以用于替换 URL 中的特定部分。下面是一个例子，将 URL 中的域名替换为新的域名：

const urlRegex = /(https?:\/\/)([-\w.]+(:\d+)?)(\/([\w/_.]*)?)?(\?\S*)?/;

const url = "https://www.example.com/path?param=value";
const newDomain = "new.example.com";

const newUrl = url.replace(urlRegex, "$1" + newDomain + "$3");

console.log("New URL:", newUrl);

上述代码使用正则表达式的 replace 方法来替换 URL 中的域名部分。$1 和 $3 分别代表原始 URL 中的协议和端口号，将它们保留在替换后的 URL 中。

结论

JavaScript 正则表达式在处理和操作 URL 方面非常实用。通过匹配、提取和替换 URL，我们可以方便地对 URL 进行验证和处理。在实际开发中，我们可以根据自己的需求编写更复杂的正则表达式来满足不同的 URL 处理场景。