Imagen destacada del artículo Verificar si una expresión es un palindromo con javascript

Verificar si una expresión es un palindromo con javascript

javascript svg
actualizado: 31 / 01 / 2022

La wikipedia define como palindromo a una palabra o expresión que se lee igual de izquierda a derecha que de derecha a izquierda. En el siguiente tutorial vamos a hacer una función que compruebe si una expresión es palindrome o no.

Escribiendo la función palindrome checker en javascript

js
function palindromeChecker(str) {
const strReversed = str.split("").reverse().join("");
return strReversed === str ? "es palindromo" : "no es palindromo";
}
console.log(palindromeChecker("oso")); // es palindromo
console.log(palindromeChecker("hola")); // no es palindromo
console.log(palindromeChecker("omo")); // es palindromo
  • Primero creamos la función, definiendo que debe recibir un string.

  • Creamos la constante strReversed, en la que guardaremos el string invertido.

  • .split('') lo separa en un array.

  • .reverse() revierte el arreglo.

  • .join('') Lo vuelve a convertir en string.

  • Por ultimo usando el operador ternario, indicamos que si ambas cadenas son iguales devuelva 'es palindromo', y si no 'no es palindromo'.

Con esto podríamos dar el ejercicio por terminado pero aún falta algo, la función anterior solo sirve para palabras, si necesitamos verificar que alguna frase sea palindromo el código anterior no funcionará así que vamos a agregarle algunas cositas a nuestro ejemplo.

Añadir expresión regular para eliminar espacios en blanco del string

js
function palindromeChecker(str) {
const newStr = str.replace(/[\W_]/g, "").toLowerCase();
const strReversed = newStr.split("").reverse().join("");
return newStr === strReversed ? "es palindromo" : "no es palindromo";
}
console.log(palindromeChecker("Ali tomo tila")); // es palindromo
console.log(palindromeChecker("Amad a la dama")); // es palindromo
console.log(palindromeChecker("otra cosa")); // no es palindromo
  • Lo que hemos echo es agregar una nueva constante que guarda el valor del string pero eliminando los espacios, gracias a la expresión regular que pasamos dentro del método .replace(), también lo convertimos en minúsculas.

  • La constante strReversed es igual a la anterior solo que esta vez se crea a partir de el valor de newStr.

Probar código en vivo

Cargando... Esperando para mostrar el código de este ejemplo
Artículos relacionados:
Cómo poner comentarios en javascript

Imagen destacada del artículo Cómo poner comentarios en javascript

Cómo crear un menú desplegable con html y css

Imagen destacada del artículo Cómo crear un menú desplegable con html y css

Cómo desinstalar paquetes npm

Imagen destacada del artículo Cómo desinstalar paquetes npm

Aprende a usar e insertar imágenes en html

Imagen destacada del artículo Aprende a usar e insertar imágenes en html

Cómo poner una imagen de fondo en html con css

Imagen destacada del artículo Cómo poner una imagen de fondo en html con css

Cómo crear un dropdown (menu desplegable) accesible con reactjs

Imagen destacada del artículo Cómo crear un dropdown (menu desplegable) accesible con reactjs

Cómo justificar el texto html con css

Imagen destacada del artículo Cómo justificar el texto html con css

Cómo cambiar color del texto en html con css

Imagen destacada del artículo Cómo cambiar color del texto en html con css