How to Parse URLs in JavaScript: The URL API vs Manual Parsing

Parsing URLs sounds simple until you actually try it. There are dozens of edge cases: URLs with no path, query parameters containing = in values, fragments that include ? , internationalized domain names. The URL API handles all of this correctly. Here's how to use it. The URL API URL is a browser-native class (also available in Node.js since v10) that parses a URL string into its component parts: const url = new URL ( ' https://example.com:8080/path/page?q=hello+world&lang=en#section ' ); u