Replace all occurrences of a string in JavaScript

Robin Wieruch

Eventually everyone came across the case that JavaScript’s replace function, which is available on a JavaScript string primitive, does only replace one occurrence of the matched term.

javascript
const text = 'Hello World';

const newText = text.replace('o', 'ö');

console.log(newText);
// "Hellö World"

Here I want to show you briefly how to replace all occurrences in JavaScript with two different ways. The first way uses a regular expression to find all matches with a global flag:

javascript
const text = 'Hello World';

const newText = text.replace(/o/g, 'ö');

console.log(newText);
// "Hellö Wörld"

Without the global flag, the regex would only match one occurrence. An alternative to this is JavaScript’s replaceAll function, which is built-in for JavaScript string primitives, but not available for all browsers yet:

javascript
const text = 'Hello World';

const newText = text.replaceAll('o', 'ö');

console.log(newText);
// "Hellö Wörld"

While replaceAll isn’t fully available yet, you can use the regex version of replaceAll and the global flag g with JavaScript’s replace version to replace all occurrences of a string.

Never Miss an Article

Join 50,000+ developers getting weekly insights on full-stack engineering and AI.

AI Agentic UI Architecture React Next.js TypeScript Node.js Full-Stack Monorepos Product Engineering
Subscribe on Substack

High signal, low noise. Unsubscribe at any time.