how to get uri segment in js

How to Get URI Segment in JS#

URI stands for Uniform Resource Identifier. It is a string of characters that identifies a name or a resource on the internet. Sometimes, you may need to get a specific segment of the URI in your JavaScript code. Here are a few ways to do it:

Using window.location.href Property#

You can use the window.location.href property to get the complete URI of the current page. Then, you can split it into an array of segments using the split() method and get the desired segment by its index.

// Get the URI segment at index 2
var uriSegments = window.location.href.split('/');
var segment = uriSegments[2];
console.log(segment);

Using RegExp Object#

You can also use the RegExp object to match a specific pattern in the URI and extract the desired segment. Here is an example:

// Get the URI segment at index 2
var regex = /\/([^\/]+)\/([^\/]+)/;
var match = regex.exec(window.location.href);
var segment = match[2];
console.log(segment);

In this example, we are using a regular expression to match two segments in the URI separated by a slash (/). The exec() method returns an array containing the matched segments. We can then access the desired segment using its index.

Using URLSearchParams Object#

If you are working with a URL that contains query parameters, you can use the URLSearchParams object to parse and extract the desired segment. Here is an example:

// Get the value of the "id" parameter in the URL
var searchParams = new URLSearchParams(window.location.search);
var id = searchParams.get('id');
console.log(id);

In this example, we are creating a new URLSearchParams object using the window.location.search property, which contains the query parameters in the URL. We can then use the get() method to extract the value of the desired parameter.