Count Vowels in JavaScript: 2 Efficient Methods

Unlock the Power of JavaScript: Counting Vowels with Ease

When it comes to mastering JavaScript, understanding how to work with strings is essential. One common task is counting the number of vowels in a given string. But how do you do it efficiently? Let’s dive into two different approaches to solve this problem.

The Regex Way: A Concise Solution

Regular expressions (regex) are a powerful tool in JavaScript, and they can be used to count vowels with ease. The regex pattern /[aeiou]/gi is the key to success. This pattern matches all vowels (both lowercase and uppercase) in a string. By combining it with the match() method, you can extract an array of all vowels present in the string. Finally, the length property gives you the total count of vowels.

For example, if you pass the string “Hello World” to the countVowel() function, it will return an array ["e", "o", "o"] and the length of this array, which is 3, indicating that there are three vowels in the string.

The Loop Approach: A Step-by-Step Solution

Sometimes, you may prefer a more straightforward approach. That’s where a simple for...of loop comes in. By iterating over each character in the string, you can check if it’s a vowel using the includes() method. If it is, increment a counter variable.

Here’s how it works:

• Create an array of vowels (vowels = ['a', 'e', 'i', 'o', 'u'])
• Initialize a counter variable (count = 0)
• Iterate over each character in the string using a for...of loop
• Convert each character to lowercase using the toLowerCase() method
• Check if the vowel array includes the character using the includes() method
• If it does, increment the counter variable
• Return the final count

By using these two approaches, you can efficiently count the number of vowels in a string. Whether you prefer the concise regex solution or the step-by-step loop approach, you’ll be able to tackle this common task with confidence.