Cómo hacer includes() insensible a mayúsculas y minúsculas en JavaScript

JavaScript es un lenguaje de programación muy popular y poderoso utilizado para el desarrollo de aplicaciones web. La función includes() se utiliza para comprobar si un elemento se encuentra en un array o en una cadena y devuelve un valor booleano (true o false) según corresponda. Sin embargo, incluye distingue mayúsculas y minúsculas, lo que significa que si buscas una palabra en minúsculas en una cadena que contiene la misma palabra pero en mayúsculas, se considerará como un elemento diferente y no se encontrará. En este artículo, te explicaremos cómo hacer que includes() sea insensible a mayúsculas y minúsculas para que puedas buscar elementos sin importar el tipo de letra.

Procedimiento para hacer includes() insensitive a mayúsculas y minúsculas

Utilizando toLowerCase()

La forma más sencilla de hacer includes() insensible a mayúsculas y minúsculas es utilizando toLowerCase(). Esta función convierte toda una cadena a minúsculas, lo que nos permite realizar una búsqueda sin importar si los elementos están escritos en mayúsculas o minúsculas.

```
let frase = "Este articulo es sobre JavaScript";
let palabra = "javascript";
if (frase.toLowerCase().includes(palabra.toLowerCase())) {
console.log("La palabra se encontró en la cadena");
} else {
console.log("La palabra no se encontró en la cadena");
}
```

En este ejemplo, toLowerCase() se utiliza para convertir tanto la cadena como la palabra a minúsculas antes de hacer la búsqueda. De esta forma, si la palabra se encuentra en la cadena, se imprimirá "La palabra se encontró en la cadena" en la consola.

Utilizando una expresión regular

Otra forma de hacer includes() insensible a mayúsculas y minúsculas es utilizando una expresión regular. Una expresión regular es una secuencia de caracteres que te permite buscar patrones en una cadena.

```
let frase = "Este articulo es sobre JavaScript";
let palabra = "javascript";
let regex = new RegExp(palabra, "i");
if (frase.match(regex)) {
console.log("La palabra se encontró en la cadena");
} else {
console.log("La palabra no se encontró en la cadena");
}
```

En este ejemplo, se utiliza una expresión regular con la opción "i" al final, que significa "insensible a mayúsculas y minúsculas". La función match() se utiliza para buscar la palabra en la cadena utilizando la expresión regular.

Ejemplos de código utilizando includes() insensible a mayúsculas y minúsculas

Aquí te mostramos algunos ejemplos de código utilizando includes() insensible a mayúsculas y minúsculas:

Buscando una palabra en una cadena

```
let frase = "Este articulo es sobre JavaScript";
let palabra = "javascript";
if (frase.toLowerCase().includes(palabra.toLowerCase())) {
console.log("La palabra se encontró en la cadena");
} else {
console.log("La palabra no se encontró en la cadena");
}
```

Buscando un elemento en un array

```
let frutas = ["Manzana", "Banana", "Kiwi", "Naranja"];
let busqueda = "naraNja";
if (frutas.some(elemento => elemento.toLowerCase() === busqueda.toLowerCase())) {
console.log("El elemento se encontró en el array");
} else {
console.log("El elemento no se encontró en el array");
}
```

Conclusión

Hacer includes() insensible a mayúsculas y minúsculas es muy sencillo y puede ser muy útil en situaciones donde es importante realizar búsquedas sin importar el tipo de letra. Ahora que conoces cómo hacerlo, ¡incorpora esta técnica en tus futuros proyectos!

Preguntas frecuentes

¿Puedo hacer includes() insensible a mayúsculas y minúsculas en un objeto?

No, includes() solo se puede utilizar en strings y arrays.

¿Puedo hacer que otros métodos de JavaScript sean insensibles a mayúsculas y minúsculas?

Sí, utilizando las mismas técnicas que se muestran en este artículo.

¿Las expresiones regulares solo se utilizan para hacer búsquedas insensibles a mayúsculas y minúsculas?

No, se pueden utilizar para buscar patrones de texto específicos y realizar diversas tareas en una cadena.

¿Cómo puedo saber si una palabra es igual a otra pero sin importar el tipo de letra?

Puedes utilizar toLowerCase() o crear una expresión regular para hacer una comparación insensible a mayúsculas y minúsculas.

¿Qué hace el dos puntos (:) en JavaScript?

Cómo establecer el evento onClick con JavaScript

Cómo agregar comas a los números en JavaScript

Cómo convertir Set a Array en JavaScript

Cómo comprobar si una cadena de texto ya existe en un array en JavaScript

Cómo añadir una cadena de texto al final en JavaScript

Cómo seleccionar un elemento aleatorio de una matriz en JavaScript

¿Cómo redondear a 1 decimal en JavaScript?

Cómo obtener el nombre de la clase en JavaScript