How to replace white space inside a string in JavaScript
Find out how to use a regex to replace all white space inside a string using JavaScript
Replacing all the white space inside a string is a very common need.
For example I last used this inside an API endpoint that received an image. I used the original image name to store it, but if it contained a space it was breaking my functionality (or other special chars, but let’s focus on spaces)
So I researched the best way to do what I wanted. Turns out, a regular expression was what I needed!
Here it is, in full
const name = 'Hi my name is Flavio'
name.replace(/\s/g, '') //HimynameisFlavio
The \s
meta character in JavaScript regular expressions matches any whitespace character: spaces, tabs, newlines and Unicode spaces. And the g
flag tells JavaScript to replace it multiple times. If you miss it, it will only replace the first occurrence of the white space.
Remember that the name
value does not change. So you need to assign it to a new variable, if needed:
const name = 'Hi my name is Flavio'
const nameCleaned = name.replace(/\s/g, '')
I wrote 21 books to help you become a better developer:
- HTML Handbook
- Next.js Pages Router Handbook
- Alpine.js Handbook
- HTMX Handbook
- TypeScript Handbook
- React Handbook
- SQL Handbook
- Git Cheat Sheet
- Laravel Handbook
- Express Handbook
- Swift Handbook
- Go Handbook
- PHP Handbook
- Python Handbook
- Linux Commands Handbook
- C Handbook
- JavaScript Handbook
- Svelte Handbook
- CSS Handbook
- Node.js Handbook
- Vue Handbook