🧐🤓Operaciones con cadenas 👀

Francisco Suarez
Guanaco JS
Published in
4 min readApr 25, 2020

--

Veremos las operaciones mas usadas con Cadenas en Javascript, toUpperCase() toLowerCase() charAt() slice()

El dia de hoy aprenderemos a realizar 4 acciones fundamentales como convertir una cadena completamente en mayúsculas o minúsculas, copiar un fragmento de una cadena saber dimensiones y devolver caracteres.

Métodos cubiertos en esta publicación:

  • toUpperCase()
  • toLowerCase()
  • charAt()
  • slice()

Método toUpperCase()

Este método es utilizado para poder convertir toda una cadena a mayusculas, este método no modifica el valor de la cadena si no que retorna una cadena nueva modificada.

Como podemos notar el resultado no es modificado, es decir que por mas que encontremos una constante o cadena que tenga un valor totalmente diferente el mismo no va ser modificado.

Otra cosa que debemos tener en cuenta a la hora de utilizar este método es que si lo intentamos utilizar con otros tipos de datos como null, number o undefined se devolverá un TypeError es recomendable controlar el tema de los tipos de datos a la hora de utilizar el método dado que puede bloquear la aplicación.

Ahora tu dirás muy bueno todo pero yo quiero realizar esto a la inversa, es decir convertir la cadena completa a minúsculas, lo cual también es muy útil, para realizar esto es lo mismo nada más que cambiamos el método toUpperCase() por el método toLowerCase() .

Método charAt()

Este método lo que hace es retornar el carácter en el indice solicitado de una cadena el valor predeterminado del indice es cero.

Recordar que en programación empezamos a contar desde ‘cero’

Vamos a realizar un par de ejemplos para poder saber e identificar diferentes operaciones en las cuales podemos utilizar este método.

Si nosotros pasáramos un carácter diferente a un numero el método remplazara ese carácter por el valor preestablecido (0)

Podemos encontrar que otros programadores utilizan una notación de [] es decir en lugar de utilizar charAt() utilizan chartAt[] básicamente el resultado es el mismo, aunque la diferencia se encuentra en el soporte de navegadores, dado que charAt() viene desde ECMAScript en su versión 1 podemos encontrar soporte en todos los navegadores para la utilización de charAt() el método charAt[] no es compatible con Internet Explorer 7 en adelante. Esta información es muy importante a la hora de realizar proyectos grandes o para clientes que aun trabajan con navegadores viejos.

Método slice()

slice es un método que nos permite hacer cosas como copiar una cadena o retornar una letra especifica, volvemos a lo mismo que en los métodos anteriores el valor preestablecido es 0, aunque si nosotros queremos obtener el ultimo carácter de la cadena lo podemos hacer pasando en los argumentos el valor -1.

Algo muy interesante de este método es que nosotros podemos pasarle 2 parámetros un inicio y un final y poder extraer una parte de la cadena.

Diferencia con charAt() es que si pasamos un indice de inicio fuera del rango es decir que sea mayor a la longitud de la cadena, simplemente nos devolverá una cadena totalmente vacía, y si nosotros en lugar de pasar un indice positivo fuera de rango le pasamos un indice negativo que excede la longitud nos retorna la cadena completa.

Si el articulo te gusto o te pareció interesante por favor ayúdame con 👏 🤓 Puedes seguirme en Twitter o encontrarme en GitHub visitando mi sitio web.

--

--

Francisco Suarez
Guanaco JS

📚Computer Science Student 🚀 JavaScript Developer 🐱‍🚀 @reactjs @nodejs 🐱‍🏍 GDSC Lead🛸 and Contributor at MDN 🔥