URL object

Learn to parse URLs with new URL().

The URL object

Node.js's built-in URL class parses an address and splits it into components. You create one with new URL("https://..."); no import is needed (it is global).

Example: const url = new URL("https://example.com:8080/path?q=hello");. This object has properties like href, protocol, hostname, port, pathname, search. An invalid address throws TypeError; so when building a URL from user input, a try/catch is a good habit. url.href gives the full address as a string; parsing and rejoining standardizes ordering. The URL object works the same in both server and browser code.

URL properties overview

Common properties of a URL object: href (full address), protocol (https:), hostname (example.com), port (8080), pathname (/path), search (?q=1), hash (#section).

Example: for new URL("https://example.com:8080/path?q=1#section"), protocol is "https:", hostname is "example.com", port is "8080", pathname is "/path", search is "?q=1", hash is "#section". origin combines protocol+host+port: "https://example.com:8080". These properties are both readable and writable; changing one updates href automatically. Properties are the topic of later lessons; here we only print href to see parsing works.

Exercise Parse a URL and print href

Create a URL with const url = new URL("https://example.com:8080/path?q=merhaba");. Print the full address with console.log(url.href).

Show example solution

const url = new URL("https://example.com:8080/path?q=merhaba");
console.log(url.href);

Test yourself

What does new URL() return?
```
const url = new URL("https://example.com");
```
- Bir dize
- Bir URL nesnesi
- A number
- Bir Promise
Show answer

Bir URL nesnesi — new URL() returns a URL object.

Complete the URL construction

const url = new ____(adres);

Show answer

const url = new URL(adres);

Match each piece to its role

new URL()

Creates URL object
href

Full address
protocol

Protocol (https:)
search

Query string (?q=1)

Next lesson: URLSearchParams

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies