Removing phrase from a string in Javascript

Question

(function() {

    function takeRecordingAway() {
        try {
            let $title = document.querySelector('.progTitle');
            let splitInfo = $title.textContent.split(' ');
            let lastInd = splitInfo.lastIndexOf('Recording');
            let filterResult = splitInfo.slice(lastInd, splitInfo.length).join('');
            let finalResult = splitInfo.join('').replace(filterResult, '');
            $title.textContent = finalResult;
        } catch(e) {
            console.log("Error", e);
        }
        
    }
    
    function init() {
        takeRecordingAway();
    }
    init();
})();

<div class="progTitle">Advisory Round: Key Steps for StartupsRecording is not available for this program</div>

I am trying to remove a phrase from a string. The phrase I want to remove is 'Recording is not available for this program' from this string:

'Advisory Round: Key Steps for StartupsRecording is not available for this program'

How would I be able to find this phrase and remove it?

Currently I am using this function that is not exactly working:

(function() {

function takeRecordingAway() {
    try {
        let $title = document.querySelector('.progTitle'); //div containing the phrase
        let splitInfo = $title.textContent.split(' ');
        let lastInd = splitInfo.lastIndexOf('Recording');
        let filterResult = splitInfo.slice(lastInd, splitInfo.length).join('');
        let finalResult = splitInfo.join('').replace(filterResult, '');
        $title.textContent = finalResult;
    } catch(e) {
        console.log("Error", e);
    }
    
}

function init() {
    takeRecordingAway();
}
init();
})();

Emiel Zuurbier · Accepted Answer · 2020-08-25 19:21:53Z

4

Replacing the textContent of the title with a filtered textContent value using String.prototype.replace() would do the trick.

function removePhraseFromTitle(phraseToFind) {
  const title = document.querySelector('.progTitle');
  title.textContent = title.textContent.replace(phraseToFind, '');
}

removePhraseFromTitle('Recording is not available for this program');

<div class="progTitle">Advisory Round: Key Steps for StartupsRecording is not available for this program</div>

answered Aug 25, 2020 at 19:21

Emiel Zuurbier

21.2k3 gold badges25 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hawschiat · Accepted Answer · 2020-08-25 19:20:17Z

0

I would use a regular expression that captures the said phrase in this scenario. Then use String.prototype.replace() to remove it.

function removePhrase(str) {
    const re = /(Recording is not available for this program)/g;
    return re.replace(re, '');
}

answered Aug 25, 2020 at 19:20

hawschiat

3561 silver badge5 bronze badges

Collectives™ on Stack Overflow

Removing phrase from a string in Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related