CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-28 21:00:56 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat(curriculum): Add interactive examples to How Can You Replace Parts of a String with Another (#63229)

Browse Source
This commit is contained in:
Clarence Bakosi 2025-10-29 19:14:34 +01:00 committed by GitHub
parent f3631ac648
commit 3b0c6c5172
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
curriculum/challenges/english/blocks/lecture-working-with-string-modification-methods/67326c29dcd98fc5ecc49779.md
View File

@ -5,7 +5,7 @@ challengeType: 19
dashedName: how-can-you-replace-parts-of-a-string-with-another
---
# --description--
# --interactive--
In JavaScript, there are many scenarios where you may need to replace a portion of a string with another string.
@ -23,35 +23,47 @@ string.replace(searchValue, newValue);
The `newValue` is the value that will replace the `searchValue`. Here's a simple example:
:::interactive_editor
```js
let text = "I love JavaScript!";
console.log(text); // "I love JavaScript!"
let newText = text.replace("JavaScript", "coding");
console.log(newText); // Output: "I love coding!"
console.log(newText); // "I love coding!"
```
:::
In this example, the word `JavaScript` is found within the string and is replaced with `coding`.
The `replace()` method is case-sensitive, meaning that it will only find exact matches of the `searchValue`. For example:
:::interactive_editor
```js
let sentence = "I enjoy working with JavaScript.";
console.log(sentence); // "I enjoy working with JavaScript."
let updatedSentence = sentence.replace("javascript", "coding");
console.log(updatedSentence); // Output: "I enjoy working with JavaScript."
console.log(updatedSentence); // "I enjoy working with JavaScript."
```
:::
Here, since `javascript` (with lowercase `j`) does not match `JavaScript` (with uppercase `J`), the replacement is not made.
By default, the `replace()` method will only replace the first occurrence of the `searchValue`. If the value appears multiple times in the string, only the first one will be replaced:
:::interactive_editor
```js
let phrase = "Hello, world! Welcome to the world of coding.";
console.log(phrase); // "Hello, world! Welcome to the world of coding."
let updatedPhrase = phrase.replace("world", "universe");
console.log(updatedPhrase); // Output: "Hello, universe! Welcome to the world of coding."
console.log(updatedPhrase); // "Hello, universe! Welcome to the world of coding."
```
:::
Notice that only the first occurrence of `world` is replaced with `universe`.
The `replace()` method in JavaScript is a powerful and flexible tool for string manipulation.