Todo desarrollador, no importa el lenguaje que manipule, apropia los conocimientos una vez se le presenta la necesidad; me explico, pienso que a todos nos ha pasado que requerimos hacer algo específico y si no lo sabemos, lo "googleamos" y ahí nos sale la respuesta.  

Típicas preguntas que solemos hacer cuando aprendemos un lenguaje de programación...

  • convertir texto a minúscula en python
  • borrar un elemento de un array en javascript
  • convertir texto en array en php

Y así continuamos hasta  apropiamos de los conocimientos.

Este artículo, busca consolidar los métodos más usados y más útiles en las cadenas de textos en Javascript, para que siempre que requieras algo, sepas que aquí te puede servir, pero no solo eso, también busca que si inicias desde ceros, puedas darte una idea del "para qué" se utiliza.

  • Escenario: uso de mayúsculas o minúsculas (Obligatorio):

Requieres almacenar en base de datos un texto obligatoriamente en mayúsculas o minúsculas, pero resulta que el usuario puede habilitar o deshabilitar el BloqMayus a su antojo, entonces podrías usar los siguiente métodos. Revisemos como queda...

var mensaje="Hola, Saludos Especiales desde Codmind";

mensaje = mensaje.toUpperCase(); // Mayúsculas en Javascript
mensaje = mensaje.toLowerCase(); // Minúsculas en Javascript
  • Escenario: obtener una parte del texto con algún largo específico

A veces, requerimos conocer una parte específica de un texto: tal vez la primera palabra, todo el texto hasta encontrar el primer caracter de punto, o signo de interrogación.  Esto lo puedes hacer en 3 pasos: 1) Determinar el criterio para obtener la porción de texto. 2) Obtener la posición. 3) Extraer la porción del texto.

Para este ejemplo vamos a dos métodos.

a) search: busca un carácter (pasado como parámetro) y retorna la posición en caso de encontrarlo.

b) substring: Recibe dos parámetros el inicio y fin para retornar una sub-cadena con base a dichas posiciones.

Revisemos como queda...

/**
Criterio: Extraer la primera palabra, o sea, 
determinar el primer espacio en blanco */
 
var mensaje="Definitivamente el 2021 será un buen año";
var posicionEspacio = mensaje.search(" ");
var primeraPalabra = mensaje.substring(0,posicionEspacio);
console.log(primeraPalabra); // Definitivamente

Escenario: Generando una nube de palabras.

Resulta que a veces quieres recopilar palabras claves sobre algo. Algunos sitios le piden a sus usuarios que digiten las palabras separadas por comas ","  Luego de tener una cadena de texto que contenga diferentes palabras separadas por un caracter, en nuestro ejemplo una coma "," .... podrías hacer un array de esto.

Aquí usamos el métodos split para separar nuestras palabras por un caracter específico.

Revisemos como queda...

var textoRecolectado="programacion,javascript,algoritmos,variables";

var miArray = textoRecolectado.split(",");
console.log(miArray); 
// ["programacion", "javascript", "algoritmos", "variables"]

Resumen

Hasta ahora hemos repasado los siguientes métodos.

  • search
  • split
  • toLowerCase
  • toUpperCase
  • substring


Cuéntanos... Cómo te pareció?, Cómo lo hubieses hecho? Qué otros escenarios se te ocurren con los métodos estudiados?

Hasta la próxima entrega de escenarios 👋🏽

Puedes aprender más sobre Javascript, HTML y CSS en nuestro curso profesional de desarrollo web, en donde te enseñaremos desde cero, como crear una página web: