JavaScript: Analyzing the occurrence rate of emojis within text

Question

JavaScript: Analyzing the occurrence rate of emojis within text

I'm currently working on a project to tally the frequency of emojis within a body of text. For instance:

"I adore 🚀🚀🚀 so much 😍 " -> [{🚀:3}, {😍:1}]

To accomplish this, I've developed a function that calculates the occurrence of characters in a block of text.

function getFrequency(string) {
    var freq = {};
    for (var i=0; i<string.length;i++) {
        var character = string.charAt(i);
        if (freq[character]) {
           freq[character]++;
        } else {
           freq[character] = 1;
        }
    }

    return freq;
};

source:

^While the above code functions well, it does not properly identify emoji characters:

{: 1,  : 3,  : 2}

Furthermore, I would like the output to be a list of json objects each containing one value, rather than a single lengthy json object.

javascript json unicode emoji

Answer 1

Answer №1

To identify emojis in a string and count their frequencies, you can utilize the String.replace function with a unicode aware RegExp that captures symbols ranging from "Miscellaneous Symbols" to "Pictographs Transport and Map Symbols" (0x1F300 to 0x1F6FF):

let str = "I love 🚀🚀🚀 so much 😍 ";

let freq = {};
str.replace(/[\u{1F300}-\u{1F6FF}]/gu, char => freq[char] = (freq[char] || 0) + 1);

console.log(freq);

In case you want to avoid using RegExp or String.replace, another approach is to destructure the string into an array and then reduce it to compute the frequencies:

let str = "I love 🚀🚀🚀 so much 😍 ";

let freq = [...str].reduce((freq, char) => {
  if (char >= '\u{1F300}' && char < '\u{1F700}') freq[char] = (freq[char] || 0) + 1;
  return freq;
}, {});

console.log(freq);

Answer 2

To identify emojis in a string and count their frequencies, you can utilize the String.replace function with a unicode aware RegExp that captures symbols ranging from "Miscellaneous Symbols" to "Pictographs Transport and Map Symbols" (0x1F300 to 0x1F6FF):

let str = "I love 🚀🚀🚀 so much 😍 ";

let freq = {};
str.replace(/[\u{1F300}-\u{1F6FF}]/gu, char => freq[char] = (freq[char] || 0) + 1);

console.log(freq);

In case you want to avoid using RegExp or String.replace, another approach is to destructure the string into an array and then reduce it to compute the frequencies:

let str = "I love 🚀🚀🚀 so much 😍 ";

let freq = [...str].reduce((freq, char) => {
  if (char >= '\u{1F300}' && char < '\u{1F700}') freq[char] = (freq[char] || 0) + 1;
  return freq;
}, {});

console.log(freq);

Answer 3

Answer №2

charAt won't be useful in this situation. Instead, for...of will accurately parse the string into Unicode codepoints, even those in the astral plane. By using character.length, we can determine if a character is on the supplementary plane. If you want to specifically identify emojis, further refinement is required.

const input = "I love 🚀🚀🚀 so much 😍 ";
    
function getFrequency(string) {
  var freq = {};
  for (character of string) {
    if (character.length === 1) continue;
    if (freq[character]) {
      freq[character]++;
    } else {
      freq[character] = 1;
    }
  }
  return freq;
 };
 
 console.log(getFrequency(input));

If you need to convert the output into an array of single-valued objects, you can use the following function:

function breakProperties(obj) {
  return Object.keys(obj).map(function(key) {
    var result = {};
    result[key] = obj[key];
    return result;
  });
}

Answer 4

charAt won't be useful in this situation. Instead, for...of will accurately parse the string into Unicode codepoints, even those in the astral plane. By using character.length, we can determine if a character is on the supplementary plane. If you want to specifically identify emojis, further refinement is required.

const input = "I love 🚀🚀🚀 so much 😍 ";
    
function getFrequency(string) {
  var freq = {};
  for (character of string) {
    if (character.length === 1) continue;
    if (freq[character]) {
      freq[character]++;
    } else {
      freq[character] = 1;
    }
  }
  return freq;
 };
 
 console.log(getFrequency(input));

If you need to convert the output into an array of single-valued objects, you can use the following function:

function breakProperties(obj) {
  return Object.keys(obj).map(function(key) {
    var result = {};
    result[key] = obj[key];
    return result;
  });
}

JavaScript: Analyzing the occurrence rate of emojis within text

Answer №1

Answer №2

Similar questions

Why does 1&&2&&3 result in 3? Could someone clarify this for me?

Comparing Fetch and Axios: Which is Better?

able to move through the content without displaying the scrollbar

Unable to reach the prototype of the object

When trying to link a Redis microservice with NestJS, the application becomes unresponsive

Generate the Xpath for the mentioned href element to use with Selenium Webdriver

Mapping a one-to-many relationship between Jersey web service and Hibernate

Various relationships in Sails.js

Troubleshooting Route Rendering Issues with React Router Dom and Loading Components

Include a nested array of objects in the path

Guide to modifying the column color in Chart.js

Twilio Group MMS feature experiencing technical difficulties

Creating an anonymous component in Vue.js involves enclosing the received slots (vnodes) within a wrapper component

Master the art of automatically formatting incorrect JSON using code in your Flutter project

Obtaining a string value from a parallel array

The ng-route feature seems to be malfunctioning and I am unable to identify the error, as no information is being displayed in the console

Creating a box that is connected by lines using JSON data requires several steps. You

What is the process for transferring `Parentobject1` to `childobject2` and `childobject3` in Three.js?

Replicate the action of clicking on the download button in R

Utilize the string module from a JavaScript file in your React or Next.js project