Comparar strings sin distinguir entre mayúsculas y minúsculas significa compararlas sin tener en cuenta las letras mayúsculas y minúsculas. Para realizar esta operación, el método preferido es usar la función toUpperCase() o toLowerCase() .
- Función toUpperCase(): La función str.toUpperCase() convierte la string completa a mayúsculas. Esta función no afecta a ninguno de los caracteres especiales, dígitos y alfabetos que ya están en mayúsculas. Sintaxis:
string.toUpperCase()
- Función toLowerCase(): La función str.toLowerCase() convierte la string completa a minúsculas. Esta función no afecta a ninguno de los caracteres especiales, dígitos y alfabetos que ya están en minúsculas. Sintaxis:
string.toLowerCase()
Ejemplo 1: este ejemplo utiliza la función toUpperCase() para comparar dos strings.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript | Case insensitive
string comparison
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id="GFG_up" style="color:green;"></p>
<button onclick = "myGeeks()">
Click here
</button>
<p id="GFG_down" style="color:green;"></p>
<script>
var str1 = "this iS geeksForGeeKs";
var str2 = "This IS GeeksfOrgeeks";
var p_up = document.getElementById("GFG_up");
p_up.innerHTML = str1 + "<br>" + str2;
function myGeeks() {
var p_down = document.getElementById("GFG_down");
var areEqual = str1.toUpperCase() === str2.toUpperCase();
p_down.innerHTML = areEqual;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: Este ejemplo usa la función toLoweCase() para comparar dos strings.
html
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript | Case insensitive
string comparison
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id="GFG_up" style="color:green;"></p>
<button onclick = "myGeeks()">
Click here
</button>
<p id="GFG_down" style="color:green;"></p>
<script>
var str1 = "this iS geeks";
var str2 = "This IS GeeksfOrgeeks";
var p_up = document.getElementById("GFG_up");
p_up.innerHTML = str1 + "<br>" + str2;
function myGeeks() {
var p_down = document.getElementById("GFG_down");
var areEqual = str1.toLowerCase() === str2.toLowerCase();
p_down.innerHTML = areEqual;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo#3: En este ejemplo usaremos la función localeCompare para comparar dos strings.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript | Case insensitive
string comparison
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
<p id="GFG_up" style="color:green;"></p>
<button onclick = "myGeeks()">
Click here
</button>
<p id="GFG_down" style="color:green;"></p>
<script>
var str1 = "this iS geeks";
var str2 = "This IS GeeksfOrgeeks";
var p_up = document.getElementById("GFG_up");
p_up.innerHTML = str1 + "<br>" + str2;
function myGeeks() {
var p_down = document.getElementById("GFG_down");
var areEqual = str1.localeCompare(str2, undefined, {sensitivity : 'accent'});
p_down.innerHTML = areEqual === 0 ? true : false;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón
comparación local()
- Después de hacer clic en el botón
LocaleCompare()
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA