En este artículo, conoceremos la forma óptima de comparar las strings utilizando métodos integrados de Javascript y veremos su implementación a través de los ejemplos. La pregunta es comparar 2 strings de JavaScript de manera óptima. Para ello, a continuación se comentan algunas de las técnicas más utilizadas. El método discutido a continuación se usa en los siguientes ejemplos.
Método String localeCompare() : este método compara dos strings en la configuración regional actual. La configuración regional actual se basa en la configuración de idioma del navegador. Este método devuelve un número que indica si la string viene antes, después o es igual a compareString en el orden de clasificación.
Sintaxis:
string.localeCompare(String_2);
Parámetros:
- String_2: este parámetro obligatorio especifica la string con la que se comparará.
Consulte el artículo Referencia completa de operadores de JavaScript para obtener más detalles sobre los operadores.
Ejemplo 1: este ejemplo compara la string 2 usando el método localeCompare() y devuelve 0, -1 o 1 . Este método distingue entre mayúsculas y minúsculas .
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Optimum way to compare strings</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksforGeeks
</h1> String_1:
<input type="text" id="text1" name="tname1">
<br>
<br> String_2:
<input type="text" id="text2" name="tname2">
<br>
<br>
<button onclick="gfg_Run()"> Compare </button>
<p id="GFG_DOWN" style="color:green;
font-size: 20px;
font-weight: bold;"> </p>
<script>
var str1 = document.getElementById("text1");
var str2 = document.getElementById("text2");
var el_down = document.getElementById("GFG_DOWN");
function gfg_Run() {
var a = str1.value;
var b = str2.value;
var ans = a.localeCompare(b);
var res = "";
if(ans == -1) {
res = '"' + a + '" comes before "' + b + '"';
} else if(ans == 0) {
res = 'Both string are same';
} else {
res = '"' + a + '" comes after "' + b + '"';
}
el_down.innerHTML = res;
}
</script>
</body>
</html>
Producción:
Método localeCompare()
Ejemplo 2: este ejemplo compara la string 2 escribiendo una condición que devuelve 0, -1 o 1 según la comparación. Este método también distingue entre mayúsculas y minúsculas .
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Optimum way to compare strings</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksforGeeks
</h1> String_1:
<input type="text" id="text1" name="tname1">
<br>
<br> String_2:
<input type="text" id="text2" name="tname2">
<br>
<br>
<button onclick="gfg_Run()">Compare</button>
<p id="GFG_DOWN" style="color:green;
font-size: 20px;
font-weight: bold;"> </p>
<script>
var str1 = document.getElementById("text1");
var str2 = document.getElementById("text2");
var el_down = document.getElementById("GFG_DOWN");
function gfg_Run() {
var a = str1.value;
var b = str2.value;
var ans = a < b ? -1 : (a > b ? 1 : 0);
var res = "";
if(ans == -1) {
res = '"' + a + '" comes before "' + b + '"';
} else if(ans == 0) {
res = 'Both string are same';
} else {
res = '"' + a + '" comes after "' + b + '"';
}
el_down.innerHTML = res;
}
</script>
</body>
</html>
Producción:
comparación de strings
Ejemplo 3: Este ejemplo compara las 2 mismas strings (también distingue entre mayúsculas y minúsculas) usando el método localeCompare() .
HTML
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Optimum way to compare strings</title>
</head>
<body style="text-align:center;" id="body">
<h1 style="color:green;">
GeeksforGeeks
</h1> String_1:
<input type="text" id="text1" name="tname1">
<br>
<br> String_2:
<input type="text" id="text2" name="tname2">
<br>
<br>
<button onclick="gfg_Run()"> Compare </button>
<p id="GFG_DOWN" style="color:green;
font-size: 20px;
font-weight: bold;"> </p>
<script>
var str1 = document.getElementById("text1");
var str2 = document.getElementById("text2");
var el_down = document.getElementById("GFG_DOWN");
function gfg_Run() {
var a = str1.value;
var b = str2.value;
var ans = a.localeCompare(b);
var res = "";
if(ans == -1) {
res = '"' + a + '" comes before "' + b + '"';
} else if(ans == 0) {
res = 'Both string are same';
} else {
res = '"' + a + '" comes after "' + b + '"';
}
el_down.innerHTML = res;
}
</script>
</body>
</html>
Producción:
localeCompareMethod para la comparación de strings
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA