Check if a string is a URL in javascript

In JavaScript, checking if a string is a URL can be achieved through multiple methods. The following approaches are available:

1. Using Regular Expressions

Regular expressions are a powerful tool for matching whether a string conforms to the format of a URL. Here is an example regular expression for matching common URLs:

javascript
function isValidUrl(string) {
  const regex = /^(https?:\/\/)?([\da-z\.-]+)\.( [a-z\.]{2,6})([\/\w \.-]*)*\/?$ /;
  return regex.test(string);
}

// Example
console.log(isValidUrl('https://www.example.com'));  // Output: true
console.log(isValidUrl('example.com'));              // Output: false (no protocol)

This regular expression broadly covers URLs with or without the protocol, domain names, possible ports, and paths. However, regular expressions often struggle to fully cover all complex URL scenarios, potentially leading to false positives.

2. Using the Built-in URL Class

Starting from ES6, JavaScript provides a built-in URL class for handling and parsing URLs. If the string passed to the URL constructor is not a valid URL, it throws a TypeError. Therefore, this can be leveraged to check if a string is a URL:

javascript
function isValidUrl(string) {
  try {
    new URL(string);
    return true;
  } catch (e) {
    return false;
  }
}

// Example
console.log(isValidUrl('https://www.example.com'));  // Output: true
console.log(isValidUrl(':/brokenlink.com'));         // Output: false

The advantage of this method is that it leverages the browser's internal URL parsing mechanism, resulting in higher accuracy and the ability to handle more complex URL scenarios.

3. Using Libraries

Libraries such as the isURL function in the validator library can be used. These libraries typically handle various edge cases, making them more convenient and secure to use:

javascript
const validator = require('validator');

function isValidUrl(string) {
  return validator.isURL(string);
}

// Example
console.log(isValidUrl('https://www.example.com'));  // Output: true
console.log(isValidUrl('hello world'));              // Output: false

The advantage of using libraries is that it saves time from writing and testing your own regular expressions. Additionally, these libraries are often continuously updated to adapt to the evolving internet.

Summary

The above methods cover various ways to check if a string is a URL. In practical applications, the most suitable method can be chosen based on specific requirements and environment. For instance, if the project demands high accuracy in URL format, consider using the built-in URL class or specialized libraries. If only simple validation is needed, using regular expressions may suffice.