My React Journey: Day 6

Today was all about practice, and I decided to challenge myself on Codewars. It was an exciting experience solving coding exercises, particularly one titled "Disemvowel Trolls". Here's how it went:

Challenge Title: Disemvowel Trolls
Instruction
Trolls are attacking your comment section! To neutralize the threat, remove all the vowels from the trolls' comments.

Your task is to write a function that takes a string and returns a new string with all vowels removed.

Example
Input: "This website is for losers LOL!"
Output: "Ths wbst s fr lsrs LL!"

Note: For this kata, the letter y is not considered a vowel.

Solution
Here’s the solution I came up with:

function disemvowel(str) {
  const vowels = ['a', 'e', 'i', 'o', 'u']; // List of vowels
  let container = ""; // To store characters that are not vowels

  for (let i = 0; i < str.length; i++) { 
    if (!vowels.includes(str[i].toLowerCase())) { 
      container += str[i]; // Add non-vowel characters to the container
    }
  }
  return container; // Return the string without vowels
}

Explanation
Define Vowels
I created a variable vowels that holds an array of all vowels: ['a', 'e', 'i', 'o', 'u']. This is the reference point for determining if a character is a vowel or not.

Initialize a Container
A container variable is used to collect all characters that are not vowels.

Iterate Through the String
Using a for loop, I iterated through each character of the input string (str).

Check for Vowels
For each character, I converted it to lowercase (str[i].toLowerCase()) to make the check case-insensitive. I used the .includes() method to verify if the character is a vowel.

Add Non-Vowels to Container
If the character is not a vowel, it gets appended to the container.

Return Result
After the loop finishes, the container contains the string with all vowels removed, and it is returned as the output.

Key Insights
I realized the importance of handling case sensitivity when processing strings. Converting characters to lowercase ensures consistent comparisons.
Using arrays and methods like .includes() makes checking for specific conditions (like whether a character is a vowel) much simpler and cleaner.

console.log(disemvowel("This website is for losers LOL!"));
// Output: "Ths wbst s fr lsrs LL!"

console.log(disemvowel("Hello World!"));
// Output: "Hll Wrld!"

Reflections
This exercise reinforced the importance of problem-solving skills in programming. Breaking down the challenge into smaller steps made it much easier to tackle.

I’m excited to dive into more challenges tomorrow.

Day 7, here I come! 🚀