Determine the frequency of a specific string within an array by utilizing Lodash

Question

Determine the frequency of a specific string within an array by utilizing Lodash

I have retrieved an array of tags for blog posts from a database.

Here is an example of the query result:

["apple","banana", "apple", "orange","grapes","mango","banana"];

I am looking to determine how many times each string is repeated within the array in order to create a tag cloud.

The desired final output would be:

[{name:"apple",count:2}, {name:"banana", count:2}, {name: "orange",count:1} ...];

In my project, I am utilizing lodash and prefer to use it if possible. However, plain JavaScript is also acceptable.

javascript arrays lodash

Answer 1

Answer №1

If you're looking to streamline your data processing, consider leveraging the power of groupBy along with map for custom formatting:

const items = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

const formattedData = _.values(_.groupBy(items)).map(item => ({name: item[0], quantity: item.length}));

console.log(formattedData);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 2

If you're looking to streamline your data processing, consider leveraging the power of groupBy along with map for custom formatting:

const items = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

const formattedData = _.values(_.groupBy(items)).map(item => ({name: item[0], quantity: item.length}));

console.log(formattedData);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 3

Answer №2

Implement a solution using the reduce and map methods

var words = ["apple","banana", "apple", "orange","grapes","mango","banana"];

var wordMap = words.reduce((acc, curr) => ( acc[curr] = acc[curr] || 0, acc[curr]++, acc ), {});

var result = Object.keys(wordMap).map( key => ({name: key, count:wordMap[key]}) );

See Code Demo Below

var input = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

var map = input.reduce((a, c) => (a[c] = a[c] || 0, a[c]++, a), {});

var output = Object.keys(map).map(s => ({
  name: s,
  count: map[s]
}));

console.log(output);

Answer 4

Implement a solution using the reduce and map methods

var words = ["apple","banana", "apple", "orange","grapes","mango","banana"];

var wordMap = words.reduce((acc, curr) => ( acc[curr] = acc[curr] || 0, acc[curr]++, acc ), {});

var result = Object.keys(wordMap).map( key => ({name: key, count:wordMap[key]}) );

See Code Demo Below

var input = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

var map = input.reduce((a, c) => (a[c] = a[c] || 0, a[c]++, a), {});

var output = Object.keys(map).map(s => ({
  name: s,
  count: map[s]
}));

console.log(output);

Answer 5

Answer №3

Generate a chart that links names to quantities. Cycle through the collection, checking each element; if it already exists in the chart, increase its quantity by one, otherwise set its quantity to one.

if (label in chart) { chart[label] += 1 }
else { chart[label] = 1 }

Next, iterate through the chart and transform it into an array of elements.

Answer 6

Generate a chart that links names to quantities. Cycle through the collection, checking each element; if it already exists in the chart, increase its quantity by one, otherwise set its quantity to one.

if (label in chart) { chart[label] += 1 }
else { chart[label] = 1 }

Next, iterate through the chart and transform it into an array of elements.

Answer 7

Answer №4

If you want to tally up items, you can utilize the _.countBy() function from Lodash. Afterwards, transform the data into the desired format by using _.entries(), and then map the pairs into objects:

const data = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

const result = _.entries(_.countBy(data)).map(([name, count]) => ({ name, count }));

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Answer 8

If you want to tally up items, you can utilize the _.countBy() function from Lodash. Afterwards, transform the data into the desired format by using _.entries(), and then map the pairs into objects:

const data = ["apple", "banana", "apple", "orange", "grapes", "mango", "banana"];

const result = _.entries(_.countBy(data)).map(([name, count]) => ({ name, count }));

console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

Determine the frequency of a specific string within an array by utilizing Lodash

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The most efficient method for manipulating the DOM in React for superior performance

Display issue with loading animation

Eliminate redundant sets of comma-separated numbers from the jQuery input text value

JavaScript prohibiting input prior to execution

Is there a way to change the format of a date and time from YYYY-MM-DD hh mm ss to MonthName, date, year | Hour:Minutes (am/pm) using

Tips for managing open and closed components within a React accordion and ensuring only the clicked component is opened

Trying to retrieve a CSS property using jQuery

Question: Which is preferable, std::tuples or std::array?

What could be causing the discrepancy between the labels below the chart and the labels in the legend on the bar chart in Chart.js?

Unending cycle in React with a custom hook

Remove a struct from an array of structs if the string element within the struct is missing or blank in Swift

The regex pattern is failing to match the input pattern

JavaScript function to validate percentages

Using the "this" keyword to set a timer in a JavaScript class with setTimeout()

Searching for a table element and clicking it based on its text with Protractor

Issue with Vuetify v-alert not appearing after updating reactive property

Can someone assist me with troubleshooting my issue of using a for loop to iterate through an array during a function call

Learn the technique for creating smooth background fade effects in three.js

How to pass command line arguments into Chrome using WebDriverIO Selenium from the config.js file

What is the best way to restrict a React input field to have values within the minimum and maximum limits set by its