Converting a URL to a Title with Spaces in javascript

Sometimes, you may come across URLs with hyphens that you want to convert into a more human-readable format with spaces. For example, you may have a URL like this-is-a-url that you want to convert to the title format of This Is A Url.

In JavaScript, you can easily convert a URL with hyphens to a title string with spaces using string manipulation techniques.

Converting a URL with Hyphens to a Title with Spaces

To convert a URL string with hyphens to a title string with spaces in JavaScript, follow these steps:

1. Replace hyphens with spaces: Use the replace() method with a regular expression to replace all occurrences of hyphens (-) with spaces ( ). This can be done by passing in the regular expression /-/g as the first argument and ' ' as the second argument.
2. Capitalize first letter of each word: Use the replace() method again with a regular expression to capitalize the first letter of each word. This can be done by passing in the regular expression /\b\w/g as the first argument and a function that returns the uppercase version of the matched letter as the second argument.

Here's an example function that combines these steps:

function urlToTitle(url) {
  // Replace hyphens with spaces
  let title = url.replace(/-/g, ' ');
  // Capitalize first letter of each word
  title = title.replace(/\b\w/g, (letter) => letter.toUpperCase());
  return title;
}

Output

urlToTitle('this-is-a-url'); // returns 'This Is A Url'

Conclusion

Converting a URL string with hyphens to a title string with spaces in JavaScript is a simple string manipulation task that can be done using the replace() method with regular expressions. By following the steps outlined in this tutorial, you can easily convert any URL with hyphens to a more human-readable title format with spaces.