Count insensitivities - Javascript

Question

Count insensitivities - Javascript

I'm currently using a counter to find occurrences of a substring within a string, but it's case sensitive. Here's my current code:

count = (string.match(new RegExp(substring, 'gm')) || []).length;

For instance, if the substring appears in the string with a different case, the count will be '0'.

Is there a way to implement a case-insensitive counter instead?

javascript counter

Answer 1

Answer №1

To convert both strings to lowercase, you can either use toLowerCase() or the i flag (but be aware of this). Unfortunately, for accents, you need to replace them individually with the base string.

var text = "AÁáéíóú";

var snippet = "AAaeiou";

var r = new RegExp("")

text = text.replace(/Á|É|Í|Ó|Ú/gi, function(acc){
    if(acc=="á") return "a"
    if(acc=="é") return "e"
    if(acc=="í") return "i"
    if(acc=="ó") return "o"
    if(acc=="ú") return "u"

    if(acc=="Á") return "a"
    if(acc=="É") return "e"
    if(acc=="Í") return "i"
    if(acc=="Ó") return "o"
    if(acc=="Ú") return "u"
})

var occurrences = (text.match(new RegExp(snippet, 'gmi')) || []).length;

console.log(occurrences)

If you also have the character ñ, you will need to handle it individually as well.

You could consider using .normalize(), but keep in mind that it does not work in IE.

var text = "AÁáéíóú";

var snippet = "AAaeiou";

var r = new RegExp("")

text = text.normalize('NFD').replace(/[\u0300-\u036f]/gi, "")

var occurrences = (text.match(new RegExp(snippet, 'gmi')) || []).length;

console.log(occurrences)

Answer 2

To convert both strings to lowercase, you can either use toLowerCase() or the i flag (but be aware of this). Unfortunately, for accents, you need to replace them individually with the base string.

var text = "AÁáéíóú";

var snippet = "AAaeiou";

var r = new RegExp("")

text = text.replace(/Á|É|Í|Ó|Ú/gi, function(acc){
    if(acc=="á") return "a"
    if(acc=="é") return "e"
    if(acc=="í") return "i"
    if(acc=="ó") return "o"
    if(acc=="ú") return "u"

    if(acc=="Á") return "a"
    if(acc=="É") return "e"
    if(acc=="Í") return "i"
    if(acc=="Ó") return "o"
    if(acc=="Ú") return "u"
})

var occurrences = (text.match(new RegExp(snippet, 'gmi')) || []).length;

console.log(occurrences)

If you also have the character ñ, you will need to handle it individually as well.

You could consider using .normalize(), but keep in mind that it does not work in IE.

var text = "AÁáéíóú";

var snippet = "AAaeiou";

var r = new RegExp("")

text = text.normalize('NFD').replace(/[\u0300-\u036f]/gi, "")

var occurrences = (text.match(new RegExp(snippet, 'gmi')) || []).length;

console.log(occurrences)

Count insensitivities - Javascript

Answer №1

Similar questions

Playing out the REST endpoint in ExpressJS simulation

Executing a get request in Backbone without using the Option parameter by implementing the beforeSend method

Preventing Further Navigation When an Incorrect Password is Entered

The Typescript Select is displaying an incorrect value

Changing the position of an element in CSS using the center as the reference point, based on a JavaScript variable: How can it be done?

Utilize Content Delivery Network Components in Conjunction with a Command Line Interface Build

The HTML view is unable to display the CSS style due to a MIME-type error

Effortlessly move and place items across different browser windows or tabs

What is the best way to utilize getInitialProps specifically during the building process of a NextJS site?

Implementing CSS styles on selected elements using jQuery

Instructions for rotating a sphere simultaneously along the x, y, and z axes

Issue with jQuery centering in IE browsers with jquery-ui-1.10.3.custom.js and jquery-ui-1.9.2.custom.js not working as expected

Accessing UPI apps such as Google Pay through deep linking from a web application

Element that emulates a different element in HTML

Navigate through the elements of an Ext.form.CheckboxGroup using Ext JS

I struggle with generating a transition effect in the input box through label transformation

What could be causing the "undefined object" warning within this optional chain?

What is the process for creating a parent container in which clicking anywhere inside will cause a child container (built with jQuery UI draggable) to immediately move to that location?

Prevent PHP Timer from resetting each time the page is refreshed

Easily submit both FormData and a string in a single function call