w3resource

JavaScript: Remove the first occurrence of a given 'search string' from a string

JavaScript String: Exercise-26 with Solution

Write a JavaScript function to remove the first occurrence of a given 'search string' from a string.

Test Data:
console.log(remove_first_occurrence("The quick brown fox jumps over the lazy dog", 'the'));
Output:
"The quick brown fox jumps over lazy dog"

Visual Presentation:

JavaScript: Remove the first occurrence of a given 'search string' from a string

Sample Solution:

JavaScript Code:

// Define a function called remove_first_occurrence which takes two parameters: str (the main string) and searchstr (the substring to be removed)
function remove_first_occurrence(str, searchstr) {
    // Find the index of the first occurrence of searchstr within str
    var index = str.indexOf(searchstr);
    // If searchstr is not found in str, return str as it is
    if (index === -1) {
        return str;
    }
    // If searchstr is found in str, return a new string that concatenates the substring before the first occurrence of searchstr with the substring after searchstr
    return str.slice(0, index) + str.slice(index + searchstr.length);
}

// Call the remove_first_occurrence function with a sample input and log the result to the console
console.log(remove_first_occurrence("The quick brown fox jumps over the lazy dog", 'the'));

Output:

The quick brown fox jumps over  lazy dog

Explanation:

The above JavaScript code defines a function called "remove_first_occurrence()" that takes two parameters: 'str' (the main string) and 'searchstr' (the substring to be removed).

  • The function finds the index of the first occurrence of 'searchstr' within 'str'.
  • If 'searchstr' is not found in 'str', the function returns 'str' as it is.
  • If 'searchstr' is found in 'str', the function returns a new string that concatenates the substring before the first occurrence of 'searchstr' with the substring after 'searchstr'.

Flowchart:

Flowchart: JavaScript- Remove the first occurrence of a given 'search string' from a string

Live Demo:

See the Pen Remove the first occurrence of a given 'search string' from a string - string-ex-26 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus.

Previous: Write a JavaScript function to alphabetize a given string.
Next: Write a JavaScript function to convert ASCII to Hexadecimal format.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/javascript-exercises/javascript-string-exercise-26.php