JavaScript: Iterating over the characters of items in an array

Question

JavaScript: Iterating over the characters of items in an array

I'm currently facing an issue with the following task:

Create a function that accepts a list of words and returns an object indicating how many times each letter appears.

For example:

var data = ['hat', 'cat', 'dog'];

should return:

var object = {
  'a' : 2,
  'h' : 1,
  't' : 2,
  'c' : 2,
  'd' : 1,
  'g' : 1
};

My approach so far involves:

Creating a function with an empty object.
Iterating through each word in the array.

However, my current implementation is not yielding the expected results. Here's what I've tried:

Attempting to loop through each character of every word.
If a character is not present in the object, adding it and setting the count to one. If it already exists, increment the count by one.

I'm unsure where I'm going wrong. Any thoughts or suggestions would be greatly appreciated.

javascript arrays string character

Answer 1

Answer №1

Look no further, here is the solution you seek:

// A function specifically designed for your needs.
function analyzeLetters(data) {
    // Storage for letter count.
    var result = {};
    
    // Iterating through the data.
    for (var i = 0; i < data.length; ++i) {
        for (var j = 0; j < data[i].length; ++j) {
            var letter = data[i][j];
            if (result[letter]) {
                result[letter] = result[letter] + 1;
            } else {
                result[letter] = 1;
            }
        }
    }

    return result;
}

// Setting up a test scenario.
var data = ['hat', 'cat', 'dog'];
var result = analyzeLetters(data);

// Outputting the result.
console.log(result);

Answer 2

Look no further, here is the solution you seek:

// A function specifically designed for your needs.
function analyzeLetters(data) {
    // Storage for letter count.
    var result = {};
    
    // Iterating through the data.
    for (var i = 0; i < data.length; ++i) {
        for (var j = 0; j < data[i].length; ++j) {
            var letter = data[i][j];
            if (result[letter]) {
                result[letter] = result[letter] + 1;
            } else {
                result[letter] = 1;
            }
        }
    }

    return result;
}

// Setting up a test scenario.
var data = ['hat', 'cat', 'dog'];
var result = analyzeLetters(data);

// Outputting the result.
console.log(result);

Answer 3

Answer №2

To achieve this, you can utilize the Reduce method by first combining the array elements into a single string using the join function and then splitting it into individual characters with the split function.

var words = ['apple', 'banana', 'cherry'];

words = words.join('').split('').reduce(function(count, char) {
  count[char] = (count[char] || 0) + 1;
  return count;
}, {});

console.log(words)

Answer 4

To achieve this, you can utilize the Reduce method by first combining the array elements into a single string using the join function and then splitting it into individual characters with the split function.

var words = ['apple', 'banana', 'cherry'];

words = words.join('').split('').reduce(function(count, char) {
  count[char] = (count[char] || 0) + 1;
  return count;
}, {});

console.log(words)

Answer 5

Answer №3

A different approach to Array.prototype.forEach:

let words = ['apple', 'banana', 'cherry'];

let count = {};

words.join('').split('').forEach(char => { count[char] = ++count[char] || 1; });

document.querySelector('pre').textContent = JSON.stringify(count, 0, 4);

<pre></pre>

Answer 6

A different approach to Array.prototype.forEach:

let words = ['apple', 'banana', 'cherry'];

let count = {};

words.join('').split('').forEach(char => { count[char] = ++count[char] || 1; });

document.querySelector('pre').textContent = JSON.stringify(count, 0, 4);

<pre></pre>

JavaScript: Iterating over the characters of items in an array

Answer №1

Answer №2

Answer №3

Similar questions

A guide on utilizing bootstrap tooltip feature to display information when hovering over an image

Tips on assigning html actions/variables to a flask submit button

Getting a null value for active user after completing the sign-in process

Why does the outcome of running this code vary each time?

``When executing the `npm install` command, it does not install the sub-dependencies of a local package

Methods to maintain the select2 dropdown event open while interacting with another select2 dropdown

The development of the React app will pause momentarily upon encountering a single low-severity vulnerability. To address this, you can either run `npm audit fix` to resolve it, or use `npm audit` to gain

Enable compatibility with high resolution screens and enable zoom functionality

Stop Ajax from activating jQuery function

Each time, vue-router instantiate a fresh Component instance

The if statements in my code are not displaying the contents of two arrays when compared, even though the code is functioning properly

Breaking down objects or arrays to extract specific values in React components

Utilize a foreach loop to store information as arrays in a MySQL database

Error: The object does not have the property createContext necessary to call React.createContext

Troubleshooting: Issue with Adobe Analytics DTM custom script property not being successfully

Running `npm install npm` results in encountering gyp ERR and npm ERR

The error message "Property 'map' is not found on type 'User' in React with typescript"

Import failures in Three.js could be attributed to potential issues with Webpack

Javascript background image rotation causes a sudden jump to the top of the webpage

Tips for accessing <Field> values in redux-form version 7.0.0