URL 正则表达式 JavaScript

在 Web 开发中，URL 是非常重要的概念。根据需要，我们需要从一堆文本中提取出 URL。为了解决这个问题，常常使用正则表达式。

在 JavaScript 中，我们可以使用 RegExp 类来创建一个正则表达式对象，自然也可以使用它来匹配文本中的 URL。下面是一个简单的例子：

const text = 'Visit our website at https://www.example.com';
const urlRegex = /(https?:\/\/[^\s]+)/g;
const urls = text.match(urlRegex);
console.log(urls); // ["https://www.example.com"]

在上面的代码中，我们使用了一个正则表达式 /(https?:\/\/[^\s]+)/g。它匹配以 http:// 或 https:// 开头，后跟一个或多个非空白字符的 URL。我们使用 g 标志来表示全局匹配。

注意，正则表达式匹配的结果可能是多个，因此我们使用 match() 方法来检查所有匹配项。它返回一个数组，其中包含所有匹配项。在上面的例子中，我们只匹配到一个 URL，因此数组中只有一个元素。

当然，URL 的格式有很多变化，因此必须针对不同的情况使用不同的正则表达式。下面是一些常见的 URL 匹配表达式：

• 匹配以 http:// 或 https:// 开头的 URL：

  /(https?:\/\/[^\s]+)/g
  

• 匹配以 www. 开头的 URL：

  /(www\.[^\s]+)/g
  

• 匹配带有 query 参数的 URL：

  /(https?:\/\/[^\s]+\/\?\S+)/g
  

• 匹配带有 hash 的 URL：

  /(https?:\/\/[^\s]+#[^\s]+)/g
  

使用正则表达式匹配 URL 是一项非常基础的技能。在 Web 开发中，我们还会使用各种其他的正则表达式来匹配 HTML、CSS、JavaScript 等内容。学好正则表达式，有助于让我们更加高效地编写代码。