JavaScript to Replace All Occurrences of a Substring Within a String
By Stephen Bucaro
You have a string with multiple occurrences of a substring within and you want to replace every occurrence
of that substring with a different substring. Two built-in string methods make this operation extremely easy.
string.split(substring)
The .split method splits a string into pieces at a substring that you specify and returns the substrings as an array.
array.join(separator)
The .join method joins all elements of an array separating each element of the array with a substring
that you specify, and returns a single string.
string.split(substring).join(replacement)
You can combine the call to the .split method and .join method to perform the operation in a single statement.
<html>
<head>
<script>
document.write("Original String:<br /><br />");
var strOriginal = "The blooming, bloody spider went up the spider web. The blooming, bloody rain came down and washed the spider out. The blooming, bloody sun came out and dried up all the rain. And the blooming, bloody spider came up the web again.";
document.write(strOriginal);
document.write("<br /><br />Modified String:<br /><br />");
var strModified = strOriginal.split("blooming, bloody").join("itsy bitsy");
document.write(strModified);
</script>
</head>
<body>
</body>
</html>
The example code above takes the string "The blooming, bloody spider went up the spider web. The blooming, bloody rain
came down and washed the spider out. The blooming, bloody sun came out and dried up all the rain. And the blooming, bloody
spider came up the web again." and replaces the substrings "blooming, bloody" within it with "itsy bitsy".
More Java Script Code:
• How to Disable the Browser Back Button
• JavaScript Code to Restrict Keyboard Entries
• Easy Java Script Code for Sideways Slide show
• Web Site Menus : Which Section Am I In?
• Calculators for Your Website : Fahrenheit to Celsius Converter
• Make Your Own Graphical Digital Clock
• Easy Expanding Banner Code
• Regular Expression: Alternation
• JavaScript Code to Add or Remove Specific Elements of an Array
• Calculate The Points of an Equilateral Triangle
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
