Report this

What is the reason for this report?

JavaScript Replace All Instances of a String

Draft updated on Invalid Date
Chris on Code

By Chris on Code

JavaScript Replace All Instances of a String
This tutorial is out of date and no longer maintained.

Introduction

I’ve started building out our JavaScript Glossary and when I got to the replace() method, I had to build out a snippet to handle replacing all occurrences of a string in a string.

Only Replaces One

myMessage.replace('sentence', 'message');

https://gist.github.com/chris-sev/7be587f89ba2ee18f105a57a791a2c18

Replaces All with literal regular expression

Normally String replace() only replaces the first instance it finds. If we want JavaScript to replace all, we’ll have to use a regular expression using /g.

myMessage.replace(/sentence/g, 'message');

https://gist.github.com/chris-sev/452b0b9c2ff1d4ddf1ae3449f90ef595

Using RegExp()

In addition to using the inline /g, we can use the constructor function of the RegExp object.

myMessage.replace(new RegExp('sentence', 'g'), 'message');

https://gist.github.com/chris-sev/fcd4396ee879d3ccc306512a59e2608a

Replacing Special Characters

To replace special characters like -/\^$*+?.()|[]{}) we’ll need to use a \ backslash to escape them.

Here we’ll replace all the - in this string with just -. I ran into this when building out the Scotch dashboard with markdown trying to escape all my symbols.

// replace - with -
myUrl.replace(/-/g, '-');

// or with RegExp
myUrl.replace(new RegExp('-', 'g'), '-');

https://gist.github.com/chris-sev/d1d233fb4ff5264cd50b8208a03dcf84

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Learn more about our products

About the author

Chris on Code
Chris on Code
Author
Category:

Still looking for an answer?

Was this helpful?


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Creative CommonsThis work is licensed under a Creative Commons Attribution-NonCommercial- ShareAlike 4.0 International License.
Join the Tech Talk
Success! Thank you! Please check your email for further details.

Please complete your information!

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Get started for free

Sign up and get $200 in credit for your first 60 days with DigitalOcean.*

*This promotional offer applies to new accounts only.