Replacing a substring of text within a larger string has always been misleading in JavaScript. I wrote Replace All Occurrences of a String in JavaScript years ago and it’s still one of my most read articles.
The confusion lies in that replace only replaces the first occurrence of a substring, not all occurrences. For example:
'yayayayayaya'.replace('ya', 'na');
// nayayayayaya
To replace all instances of a substring, you’ve needed to use a regular expression:
'yayayayayaya'.replace(/ya/g, 'na'); // nananananana
Using regular expressions is certainly powerful but let’s be honest — oftentimes we simply want to replace all instances of a simple substring that shouldn’t require a regular expression.
Luckily, this year the JavaScript language provided us with String.prototype.replaceAll, a method for replacing without using regular expressions:
'yayayayayaya'.replaceAll('ya', 'na');
// nananananana
Sometimes an API exists in a confusing format and standards bodies simply need to improve the situation. I’m glad they did so with replaceAll!
Contents
An Interview with Eric Meyer
Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer…
JavaScript Promise API
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why “hold up the show” when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world…
HTML5 Placeholder Styling with CSS
Last week I showed you how you could style selected text with CSS. I’ve searched for more interesting CSS style properties and found another:
INPUTplaceholder styling. Let me show you how to style placeholder text withinINPUTelements with some unique CSS code. The CSS Firefox…JavaScript Canvas Image Conversion
At last week’s Mozilla WebDev Offsite, we all spent half of the last day hacking on our future Mozilla Marketplace app. One mobile app that recently got a lot of attention was Instagram, which sold to Facebook for the bat shit crazy price of one…
[ad_2]
Source link
