FUNCIONES PARA EL MANEJO DE CADENAS (El Objeto String):

Podemos tratar a las variables de cadenas de texto como un objeto de la clase String, y como tal posee Propiedades y Métodos.

PARA RECORDAR:

Propiedades: son características o particularidades de un objeto, como ser la cantidad de caracteres que posee un string que será la única que mostraré en este tutorial por ahora.
Métodos: todo aquello que se pueda realizar sobre un string, que para nuestro caso vendrían a ser las funciones, por ejemplo convertir una cadena a mayúsculas, extraer una parte de la cadena, reemplazar un texto por otro, etc.

Para obtener el resultado de aplicar una propiedad o un método a un string se utiliza la siguiente sintaxis:

OBJETO.Propiedad
OBJETO.Método

O sea algo así...

let oString = "Cadena de prueba";
let propiedad1 = oString.propiedad; // y obtengo la propiedad solicitada
let resultado = oString.método;     // y obtengo el resultado del método aplicado

Y ahora veamos algunos ejemplos concretos:

Mayúsculas y Minúsulas: toUpperCase() - toLowerCase()

let cadena = "hola Mundo";
cadenaMinuscula = cadena.toLowerCase();    // La convierte a minúsculas
cadenaMayuscula = cadena.toUpperCase();    // La convierte a MAYÚSCULAS
document.write(cadenaMinuscula);
document.write(cadenaMayuscula);

Unión de cadenas de caracteres:

Utilizando el operador "+" o la función concat(cadena_a_unir)

let saludo="hola";
saludo1 = saludo.concat(" Luisito...!!!
"); // Utilizando concat()
saludo2 = saludo + ", Otra vez?";          // Utilizando el op. "+"
document.write(saludo1);
document.write(saludo2);

La función concat() necesita que le pases como parámetro la cadena que deseas unir a la actual.

Longitud de una cadena de texto: length

let texto="Mi web";
let numCaracteres = texto.length;   // devuelve 6, el espacio también cuenta
document.write(numCaracteres);

Nota que "length" no lleva paréntesis y es porque se trata de una propiedad y no de una función.

Trimming o Quitar espacios de inicio y fin de la cadena: trim()

let probar = "     Hello Baby    ";
alert(probar);        // la cadena original
alert(probar.trim()); // la cadena sin espacios en los extremos

Búsquedas y Reemplazos:

string.charAt(posición): obtiene el carácter que se encuentra en la posición indicada, recordar que la posición de los caracteres comienza en "0" y va de izquierda a derecha.

let texto="Prueba";
caracter = texto.charAt(1);   // devuelve "r"
document.write(caracter);

string.indexOf(caracter): devuelve la posición en que se encuentra el carácter (también puede ser una cadena) indicado dentro de la cadena, si hay varias devuelve sólo el de la primera, comenzando siempre desde la izquierda. Si no lo encuentra devuelve -1

let texto="JavaScript";
let posicion = texto.indexOf("a");  // devuelve 1
let posicion2 = texto.indexOf("b"); // devuelve -1 porque no la encontró 
document.write(posicion);
document.write(posicion2);

string.lastIndexOf(caracter): lo mismo que la anterior, pero devuelve la última aparición.

let texto="JavaScript";
let posicion = texto.lastIndexOf("a");   // devuelve 3
let posicion2 = texto.lastIndexOf("b");  // devuelve -1 porque no la encontró 
document.write(posicion);
document.write(posicion2);

string.substring(inicio, fin): extrae parte de una cadena, si sólo se indica inicio devuelve la cadena desde esa posición hasta el final. Si se indica fin devuelve la cadena desde inicio hasta el carácter anterior a fin.

let texto="JavaScript";
let texto1 = texto.substring(4);   // extrae "Script"
let texto2 = texto.substring(0,4); // extrae "Java" no toma el de la posición 4
document.write(texto1);
document.write(texto2);

string.replace(cadena_a_buscar,cadena_nueva): busca la primera aparición de cadena_a_buscar en el string y los reemplaza por cadena_nueva.

let texto="helado de chocolate";
let texto1 = texto.replace("chocolate","granizado");
document.write(texto1);           // escribe "helado de granizado"

string.split(separador): Convierte una cadena en un array separando cada fragmento por el carácter separador.

let texto="JavaScript";
let arrayTexto = texto.split("a");  // devuelve J,v,Script
for (i in arrayTexto){
    document.write(arrayTexto[i]+"<br />";
}

Luego de ejecutar el script la variable arrayTexto contiene:

arrayTexto[0]="J"
arrayTexto[1]="v"
arrayTexto[2]="Script"

Bueno, en fin, hay muuuuchas más, yo sólo tomé las más utilizadas, lo mejor es que las pongas a prueba y a ver qué utilidad les puedes dar, aquí te dejo una pequeña lista:

MAS METODOS DE STRING

MÉTODOS DE CONTENEDORES HTML

Bueno... Creo que ya estamos listos para enfrentarnos a las cadenas y para tratarlas de acuerdo a las necesidades que tengamos, principalmente cuando se van a tratar formularios, tema que dejaré pendiente por el momento, pero hay más por ver todavía.

Más adelante veré de completar esta sección con más ejemplos de las funciones que no fueron desarrolladas aquí, esa será la Parte II.

A tenerme paciencia please...!!!