How to Remove a Trailing Slash from a String in JavaScript

Remove a Trailing Slash from a String #

Use the String.replace() method to remove a trailing slash from a string, e.g. str.replace(/\/+$/, ''). The replace method will remove the trailing slash from the string by replacing it with an empty string.

Copied!
function removeTrailingSlash(str) {
  return str.replace(/\/+$/, '');
}

// 👇️ "example.com"
console.log(removeTrailingSlash('example.com/'));
// 👇️ "example.com"
console.log(removeTrailingSlash('example.com///'));
// 👇️ "example.com"
console.log(removeTrailingSlash('example.com'));

We used the String.replace method to get a new string that doesn't contain any trailing slashes.

We passed the following 2 arguments to the replace method:

1. A regular expression we want to match in the string.
2. A replacement string for each match. We want to remove the trailing slash, so we provided an empty string as the replacement.

The forward slashes / / mark the beginning and end of the regular expression.

The plus + matches the preceding item (the forward slash) 1 or more times.

The dollar $ sign matches the end of the input.

In its entirety the regular expression matches one or more trailing slashes at the end of the string.

If you ever need help reading a regular expression, check out this regex cheatsheet from MDN.

An alternative approach is to use the String.endsWith method.

To remove a trailing slash from a string:

1. Call the endsWith() method on the string and check if it ends with a slash.
2. If it ends with a slash, use the slice method to remove the last character from the string.
3. If it doesn't end with a slash, return the string as is.

Copied!
function removeTrailingSlash(str) {
  return str.endsWith('/') ? str.slice(0, -1) : str;
}

// 👇️ "example.com"
console.log(removeTrailingSlash('example.com/'));
// 👇️ "example.com"
console.log(removeTrailingSlash('example.com'));

We used the String.endsWith method to check if the string ends with a slash character.

We used the ternary operator, which is very similar to an if / else statement.

If the string ends with a slash, we call the String.slice method and return the entire string up to the last character.

We passed the following parameters to the slice method:

1. start index - the index of the first character to be included in the new string.
2. end index - extract characters up to, but not including this index. A negative index of -1 means go up to, but not including the last character of the string

JavaScript indexes are zero-based, meaning the index of the first character in the string is 0 and the index of the last character is str.length - 1.

If the string doesn't end with a slash, we simply return the entire string.

Note that this approach doesn't handle the scenario where the string ends with multiple slashes. We only remove the last slash when using the slice method.

Further Reading #

• Remove the Leading and Trailing Comma from a String in JS
• Remove leading and trailing Spaces from a String in JS