Comparar cadenas en TypeScript

Rana Hasnain Khan 15 febrero 2024
Comparar cadenas en TypeScript

Presentaremos cómo comparar cadenas en TypeScript. También presentaremos diferentes métodos para comparar cadenas con ejemplos en TypeScript.

Comparar cadenas en TypeScript

Hay momentos en la programación en los que queremos comparar dos cadenas diferentes y verificar si son iguales o no. Por ejemplo, si vamos a comparar contraseñas cuando un usuario intenta iniciar sesión, nos será una función muy útil.

Hay varios métodos para lograr este escenario en TypeScript. Discutiremos estos métodos en detalle.

Operador de igualdad estricta en TypeScript

Podemos usar este operador para verificar si dos cadenas son iguales o no en la transcripción.

Sintaxis:

# typescript
if (pass1 === pass2) {}

Cuando las cadenas son iguales, el operador de igualdad estricta devolverá true, y si las cadenas no son iguales, devolverá false.

Código:

# typescript
const pass1 = 'Admin!123';
const pass2 = 'Admin!123';

if (pass1 === pass2) {
console.log('Passwords are equal!');
} else {
console.log('Passwords are not equal!');
}

Producción:

comparar cadenas en el primer ejemplo mecanografiado

En este ejemplo, hemos utilizado el operador de igualdad estricta (===), que nos ha permitido comprobar si dos cadenas TypeScript son iguales.

El operador devuelve un resultado booleano True si los valores proporcionados son equivalentes. Devolverá False si los valores proporcionados no son equivalentes.

Las comparaciones distinguen entre mayúsculas y minúsculas cuando se utiliza el operador de igualdad estricta (===) para comparar cadenas.

Código:

# typescript
const pass1 ='admin123';
const pass2 ='ADMIN123';

if(pass1=== pass2){
console.log('Passwords are equal');
}else{
console.log('Passwords are NOT equal');
}

Producción:

comparar cadenas en mecanografiado segundo ejemplo

Utilice el método tolowercase() en ambas cadenas cuando desee realizar una comparación que no distinga entre mayúsculas y minúsculas.

Código:

# typescript
const pass1 ='admin123';
const Pass2 ='ADMIN123';

if(pass1.toLowerCase() === Pass2.toLowerCase()){
console.log('Passwords are equal');
}else{
console.log('Passwords are not equal');
}

Producción:

comparar cadenas usando el método de minúsculas en mecanografiado

También podemos comprobar si las dos cadenas no son equivalentes. Aplica el operador desigualdad estricta (!==) para comprobarlo.

Código:

# typescript
const pass1 ='admin123';
const Pass2 ='Admin123';

if(pass1 !== pass2){
console.log('Passwords are equal');
}else{
console.log('Passwords are not equal');
}

Producción:

comparar cadenas en mecanografiado tercer ejemplo

Hay dos posibilidades con respecto a si los valores son iguales o no. Si los valores son similares, el operador desigualdad estricta (!==) devolverá false, y si los valores no son iguales, devolverá true.

Hay una diferencia entre el operador igualdad estricta (===) y el operador igualdad suelta (===) que contemplará dos valores de tipos distintos NO a ser iguales.

Código:

# typescript
const pass1 = 'admin123';
const pass2 = Admin123;

if (pass1 == pass2) {
console.log('Passwords are equal');
} else {
console.log('Passwords are not equal');
}

Producción:

comparar cadenas en mecanografiado cuarto ejemplo

En este ejemplo, usamos el operador igualdad suelta para ver si el número 100 es equivalente a la cadena '100'. Si hubiésemos utilizado Javascript, el resultado habría sido exacto, pero me saldría un error ya que hemos utilizado TypeScript.

Es mejor usar el operador de igualdad estricta (===) y debe usarse para comparar valores del mismo tipo. El operador igualdad estricta (===) contempla que dos valores de distinto tipo no sean iguales pero en el caso del operador igualdad suelta (===) el escenario es el contrario.

En palabras simples, podemos decir que al usar el operador de igualdad estricta, dos valores que tienen diferentes tipos nunca serán iguales entre sí. Es mejor usar el operador de igualdad estricta (===) y debe usarse para comparar valores del mismo tipo, y no intimidará a los valores del mismo tipo mientras los asocia y devolverá más legible y más sencillo resultados.

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

Artículo relacionado - TypeScript String