Vue Js count occurrences of a specific word in a string:In Vue Js, you can count the occurrences of a specific word in a string by using the split() and length properties. First, use the split() method to split the string into an array of substrings based on the delimiter (in this case, a space character). Then, filter the resulting array to only include substrings that match the specific word. Finally, use the length property to determine the number of occurrences of the word in the original string. This approach works by counting the number of elements in the filtered array. Overall, this is a simple and effective way to count the occurrences of a specific word in a string using Vue Js.

How can I use Vue js to count the number of occurrences of a specific word within a given string?

This is a Vue.js code that counts the occurrences of a specific word in a string using a method named countOccurrences.

The countOccurrences method takes two parameters: the first parameter is the string that needs to be searched for the specific word, and the second parameter is the target word that needs to be counted in the string.

The method first converts both the string and the target word to lowercase using the toLowerCase() method. This is done to ensure that the search is case-insensitive.

The split() method is then used to split the string into an array of substrings using the target word as a separator. The length of the resulting array minus one gives the count of occurrences of the target word in the string.

Vue Js count occurrences of a specific word in a string Example

 <div id="app">
        <p class="message">{{ message }}</p>
        <p class="target-word">The word "<span class="target-word">{{ targetWord }}</span>" appears {{
            countOccurrences(message, targetWord) }} times.</p>
    </div>
    <script type="module">
        const app = Vue.createApp({
            data() {
                return {
                    message: 'This is an example message that contains the word example multiple times.',
                    targetWord: 'example'
                }
            },
            methods: {
                countOccurrences(str, word) {
                    const lowercaseStr = str.toLowerCase();
                    const lowercaseWord = word.toLowerCase();
                    return lowercaseStr.split(lowercaseWord).length - 1;
                }
            }
        });

        app.mount('#app');
    </script>

Output of Vue Js count occurrences of a specific word in a string