检查 JavaScript 字符串是否为 URL

在开发 Web 应用过程中，经常需要对用户输入的字符串进行 URL 格式验证。本文将介绍如何使用 JavaScript 来检查一个字符串是否为 URL。

使用正则表达式检查字符串格式

正则表达式是一种用于匹配字符串的工具，可以用来验证字符串是否符合特定的格式要求。以下是使用正则表达式检查 JavaScript 字符串是否为 URL 的代码示例：

function isURL(str) {
  // 定义 URL 正则表达式
  var pattern = new RegExp('^(https?:\\/\\/)?'+ // 协议（可选）
    '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|'+ // 域名
    '((\\d{1,3}\\.){3}\\d{1,3}))'+ // IP 地址
    '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // 端口号与路径
    '(\\?[;&a-z\\d%_.~+=-]*)?'+ // 查询参数
    '(\\#[-a-z\\d_]*)?$','i'); // 锚点

  // 检查字符串是否符合 URL 格式
  return pattern.test(str);
}

以上代码定义了一个名为 isURL 的函数，该函数接受一个字符串类型的参数 str，用于表示待验证的字符串。函数体中先定义了一个 URL 正则表达式 pattern，它可以匹配符合标准 URL 格式的字符串。然后使用 pattern.test(str) 函数来检查字符串 str 是否符合 URL 格式，如果匹配成功返回 true，否则返回 false。

使用原生 API 检查字符串格式

除了使用正则表达式外，JavaScript 还提供了一些原生 API，可以用来检查字符串是否符合 URL 格式。以下是使用原生 API 检查 JavaScript 字符串是否为 URL 的代码示例：

function isURL(str) {
  try {
    new URL(str);
    return true;
  } catch (_) {
    return false;
  }
}

以上代码定义了一个同样名为 isURL 的函数，用于检查待验证的字符串。函数体中使用了 URL 构造函数，将字符串转换为 URL 对象。如果转换成功，说明字符串是一个合法的 URL，返回 true；否则返回 false。如果你需要支持更老的浏览器，可以使用 window.URL 或者 window.webkitURL。

结论

无论使用正则表达式还是原生 API，都可以用来检查 JavaScript 字符串是否为 URL。选择哪种方式，主要取决于你的技术栈以及代码的可读性和可维护性。如果你不太熟悉正则表达式，可以使用原生 API 来实现，相对容易理解。不过正则表达式的效率更高，尤其在需要批量验证大量 URL 时，优势更加明显。