🐥 How to update the path of a URL in JavaScript

Here’s a simple function to update the path of a given URL:

function updateUrlPath(url, newPath) {
    const urlObj = new URL(url);
    urlObj.pathname = newPath;
    return urlObj.toString();
}

Example usage:

const originalUrl = "https://example.com/old-path?query=123";
const newPath = "/new-path";

const updatedUrl = updateUrlPath(originalUrl, newPath);
console.log(updatedUrl); // "https://example.com/new-path?query=123"

Explanation:

• The URL constructor is used to parse the given URL.
• The pathname property is updated with the new path.
• The toString() method returns the updated URL as a string.

This method ensures that query parameters and other parts of the URL remain unchanged while only modifying the path.