. Day 4 - Challenge 3 - Anagram Checker Skip to main content

Day 4 - Challenge 3 - Anagram Checker

Solving the Anagram Puzzle: An Anagram Checker in JavaScript

Are you familiar with the term "anagram"? An anagram is a word or phrase formed by rearranging the letters of another word or phrase, using all the original letters exactly once. For instance, the word "listen" can be rearranged to form "silent," making them anagrams of each other. Anagrams are not only an intriguing linguistic phenomenon but also a popular puzzle in the realm of wordplay. In this blog post, we'll delve into the concept of anagrams, understand the problem they pose, and craft a simple yet effective JavaScript program to check whether two strings are anagrams.

Understanding the Anagram Problem

Anagrams are like word puzzles that challenge us to find creative ways of rearranging letters to form new words. This process involves maintaining the same set of characters but altering their arrangement to unveil hidden meanings or relationships between words. The challenge here is to determine if two given strings are anagrams of each other.

The Anagram Checker Algorithm

Before we jump into the JavaScript code, let's outline the algorithm we'll be using to check if two strings are anagrams:

  1. Remove any non-alphabetic characters and convert both strings to lowercase for a consistent comparison.
  2. Count the frequency of each character in both strings.
  3. Compare the character frequencies in both strings. If they match for all characters, the strings are anagrams.

Let's Code!

Below is a simple JavaScript program that implements the anagram checker algorithm:


function cleanString(str) {
    return str.replace(/[^a-zA-Z]/g, '').toLowerCase();
}

function buildCharFrequencyMap(str) {
    const charFrequencyMap = {};

    for (let char of str) {
        charFrequencyMap[char] = (charFrequencyMap[char] || 0) + 1;
    }

    return charFrequencyMap;
}

function areAnagrams(str1, str2) {
    const cleanedStr1 = cleanString(str1);
    const cleanedStr2 = cleanString(str2);

    if (cleanedStr1.length !== cleanedStr2.length) {
        return false;
    }

    const charFrequencyMap1 = buildCharFrequencyMap(cleanedStr1);
    const charFrequencyMap2 = buildCharFrequencyMap(cleanedStr2);

    for (let char in charFrequencyMap1) {
        if (charFrequencyMap1[char] !== charFrequencyMap2[char]) {
            return false;
        }
    }

    return true;
}

// Test cases
console.log(areAnagrams("listen", "silent")); // true
console.log(areAnagrams("hello", "world"));   // false


Explaining the Code

  1. cleanString: This function takes a string as input, removes all non-alphabetic characters, and converts it to lowercase.

  2. buildCharFrequencyMap: This function builds a frequency map of characters in a given string.

  3. areAnagrams: This function checks if two input strings are anagrams. It first cleans and prepares the strings, then compares their character frequency maps.

Demo

Anagram Checker


Conclusion

Anagrams are intriguing linguistic puzzles that challenge us to think creatively about word arrangements. By breaking down the problem into steps and leveraging the power of programming, we can easily determine whether two strings are anagrams or not. The JavaScript program we've crafted demonstrates the process of solving the anagram puzzle using a simple and efficient algorithm.

Next time you encounter a collection of letters, consider the possibility that they might form an anagram waiting to be unraveled!

Now write the same program in your favorite language in comment section. 

Other Challenges:

  1. Day 2 Challenges
  2. Day 3 Challenges
  3. Day 4 Challenges

 

Comments

Popular posts from this blog

Create app in phonegap in windows

Phonegap (Cordova) is a tool that allows creating native mobile app using HTML, CSS and Javascript. This article shows you, how to create application and deploy them to various native mobile platforms using the cordova command-line interface (CLI). Install Cordova using CLI Follow these steps to install: Download and install Node.js . Following installation, you should be able to invoke node and npm on your command line. Install the cordova module using npm utility of Node.js. The cordova module will automatically be downloaded by the npm utility.   $ npm install -g cordova Create APP: Go to the directory where you maintain your source code, and run a command such as the following: using command. Create hello app: $ cordova create hello com.example.hello HelloWorld This command will create a folder ‘HelloWorld’. All subsequent commands need to be run within the project's directory, or any subdirectories. So go to in this folder ‘cd HelloWorld’. Add the pl...

Connecting to Socket in React Native app

Connecting to a socket in a React Native app requires the use of a socket library that supports React Native. One popular library is socket.io-client . Here are the steps to connect to a socket using socket.io-client in a React Native app: Install socket.io-client by running the following command in your project directory: npm install socket.io-client 2. Import the library in your code: import io from 'socket.io-client'; 3. Create a socket instance by calling the io function and passing in the URL of the socket server: const socket = io('http://example.com'); Replace http://example.com with the URL of your socket server. 4. Add event listeners to the socket instance to handle incoming events: socket.on('connect', () => { console.log('Connected to socket server'); }); socket.on('event', (data) => { console.log('Received data:', data); }); Replace event with the name ...

Know about the Web Socket and setup WebSocket in Javascript HTML page

  WebSockets is a protocol for providing full-duplex communication channels over a single TCP connection. It allows for real-time, two-way communication between a client and a server, which makes it ideal for web applications that require continuous updates from the server or that need to send frequent updates to the server. Here are some basic information about WebSockets: WebSockets are designed to work over a single TCP connection, which means that they are more efficient than other protocols like HTTP that require multiple connections for each request/response cycle. WebSockets use a persistent connection between the client and server, which allows for real-time communication without the need for frequent polling or long-polling requests. The WebSocket protocol uses a message-based model for sending and receiving data, which means that data is transmitted as a stream of messages rather than a series of HTTP requests and responses. WebSockets support binary data transmission, wh...